1、使用组件，主要配置表现形式有二种（是否可以说参数）

  • 用逗号分隔的传统参数列表方式：
<script type="text/javascript">

    Ext.onRead(function(){

       Ext.Msg.alert('提示：','逗号分隔参数列表');

    })；

</script>
  • 用json对象的方式（这个思路值得推荐，就是每次要花费过程解析）
<script type="text/javascript">

    Ext.onReady(Function(){

      var config ={title :'提示:',

                        msg:'hello usegear,hello json'

                        }

    Ext.Msg.show(config);

});

</script>

ExtJS提供了大量的配置项以满足程序员在实际项目中的各种不同要求

，因此熟悉各种配置项的配置方式以及配置效果是我们快速掌握ExtJS的一个重要捷径。

2、信息提示框组件
Ext.window.MessageBox--是一个工具类，继承Ext.window.Window对象。其实例对象可以通过Ext.MessageBox or Ext.Msg进行访问，其使用效果一样，而后一种调用方式更简短。

  • 与Web页面中alert()不同，ExtJS是一个层（div）,可以用html格式文本提供显示参数，就是说提示框会栩栩如生丰富多彩的。
  • 而标准的alert()是一个标准的弹出窗口，现实的内容是一个纯text文本。 
    <script typr="text/javascript">
    
   Ext.onReady(function(){
    
   Ext.Msg.alert('提示：','<font coclor=red>支持HTML格式文本</font>');
    
}); //是否够牛逼，可以增加动态图标噢
    
</script>
  • 注意，Ext.MessageBox是异步的，非阻塞的。

3、Ext.MessageBox.alert(String title,String msg,[Function fn],[Object scope])。看demo

<script type="text/javascript">

   Ext.onReady(funcion(){

    Ext.MessageBox.alert('提示：','请点击我，确定',callBack);

   function callBack(id){

      alert('回调的结果是'+id);

}//注意：用户确认的代码要放在回调函数中，否则。。。哼哼

});

</script>

4、Ext.MessageBox.confirm(String title,String msg,[Function fn],[Object scope])。同上

5、Ext.MessageBox.prompt(String title,String msg,[Function fn],[Object scope],[Boolean/Number multiline])。

6、Ext.MessageBox.wait() 进度条

7、如果前面的提示框还不过瘾，那么用这个大咖 Ext.MessageBox.show()。参数一大推，慢慢查。

8、Ext.window.MessageBox的其他功能

  • 改变默认的按钮文字（很有用）
  • 动态更新提示框updateText([String text])  -------NB啊 
    <!DOCTYPE html>
    
<html>
    
   <head>
    
    <meta http-equiv="Content-Type"  content="text/html;charset=utf-8">
    
    <link rel="stylesheet" type="text/css" href="../../study/EXTJS/ext-4.2.1.883/resources/css/ext-all.css" />
    
    <script type="text/javascript" src="../../study/EXTJS/ext-4.2.1.883/bootstrap.js"></script>
    
    <script type="text/javascript" src="../../study/EXTJS/ext-4.2.1.883/locale/ext-lang-zh_CN.js"></script>
    
 <script type="text/javascript">
    
    Ext.onReady(function(){
    
    //~ Ext.MessageBox.msgButtons[0].setText('btn1');//已经改了，查看help
    
    //~ Ext.MessageBox.msgButtons[1].setText('btn2');
    
    //~ Ext.MessageBox.msgButtons[2].setText('btn3');
    
    //~ Ext.MessageBox.msgButtons[3].setText('btn4');
    
    Ext.MessageBox.buttonText.yes = "Hello";//已经改成这样了
    
    Ext.MessageBox.show({ title : '提示：',msg : '自定义按钮文字',modal:true,buttons : Ext.Msg.YESNOCANCEL});
    
      });
    
</script>
    
   </head>
    
   <body>
    
   <div id='ProgressBar'></div>
    
        </body>
    
</html>

学习EXTJS6（4）基本功能-信息提示框组件的更多相关文章

  1. 强大的响应式jQuery消息通知框和信息提示框插件

    lobibox是一款功能很强大的jQuery消息通知框和信息提示框插件.这个插件分为两个部分:消息通知框和信息提示框.它能很好的结合Bootstrap使用. 信息提示框 lobibox的信息提示框能够 ...

  2. Flutter学习笔记（21）--TextField文本框组件和Card卡片组件

    如需转载,请注明出处:Flutter学习笔记(21)--TextField文本框组件和Card卡片组件 今天来学习下TextField文本框组件和Card卡片组件. 只要是应用程序就少不了交互,基本上 ...

  3. 第一百九十六节，jQuery EasyUI，Tooltip(提示框)组件

    jQuery EasyUI,Tooltip(提示框)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 Tooltip(提示框)组件的使用方法, ...

  4. tooltip提示框组件

    Tooltip 提示框组件 可独立于其他组件通过$.fn.tooltip.defaults重写默认的defaults.当用户移动鼠标指针在某个元素上时,出现提示信息窗口来显示额外信息.提示内容可以包含 ...

  5. ASP.NET div信息提示框显示几秒后隐藏

    今天在旧系统中,用户要求,要把一个javascript alert的信息提示,改为Div tag来显示,它在显示时,仅显示几秒,然后隐藏,这样无需用户去点击alert信息框的确定或是关闭铵钮. 下面I ...

  6. qt5信息提示框QMessageBox用法

    information QMessageBox::information(NULL, "Title", "Content", QMessageBox::Yes ...

  7. qt5信息提示框QMessageBox用法（很全）

    information QMessageBox::information(NULL, "Title", "Content", QMessageBox::Yes ...

  8. Qt 信息提示框 QMessageBox

    information QMessageBox::information(NULL, "Title","Content",QMessageBox::Yes | ...

  9. Android学习笔记通过Toast显示消息提示框

    显示消息提示框的步骤 这个很简单我就直接上代码了: Button show = (Button)findViewById(R.id.show); show.setOnClickListener(new ...

随机推荐

  1. Coder-Strike 2014

    转载请注明出处,谢谢http://blog.csdn.net/ACM_cxlove? viewmode=contents    by---cxlove Qualification Round 略 Ro ...

  2. vim copy,find and replace

    VIM选择文本块/复制/粘贴 在正常模式下(按ESC进入)按键v进入可视化模式,然后按键盘左右键或h,l键即可实现文本的选择.其它相关命令:v:按字符选择.经常使用的模式,所以亲自尝试一下它. V:按 ...

  3. thinkphp方便分页的page方法

    page方法也是模型的连贯操作方法之一,是完全为分页查询而诞生的一个人性化操作方法. 用法 我们在前面已经了解了关于limit方法用于分页查询的情况,而page方法则是更人性化的进行分页查询的方法,例 ...

  4. java的random生成某个范围内的随机数

    import java.util.Random; /** * @author HP * @date 2019/4/16 */ public class randomTest { public stat ...

  5. Java.Cas4.0客户端接入配置

    1.本示例中使用cas4.0+cas-client-core3.4版本,ide则是myeclipse2014 blue版本,mvn使用3.9版本 2.注意事项:请先实现破解cas-client-cor ...

  6. iOS 点击事件传递及响应

    1.iOS中的事件 iOS中的事件可以分为3大类型: 触摸事件 加速计事件 远程控制事件这里我们只讨论iOS中的触摸事件. 1.1响应者对象(UIResponder) 在iOS中不是任何对象都能处理事 ...

  7. B - Cows and Poker Game

    Problem description There are n cows playing poker at a table. For the current betting phase, each p ...

  8. mysql自动添加时间的方法

    时间添加方法,可以在编辑数据时方便时间选择输入: 将时间列DataType设为timestamp,设定其默认值为CURRENT_TIMESTAMP. 这样每次插入一条新纪录,数据库会自动在时间段存储当 ...

  9. 如何写出高性能SQL语句（文章摘自web开发者）

    (声明:本文内容摘自web开发者,仅供收藏学习之用,如有侵权请作者联系博主,博主将在第一时间删除) 原文地址:http://www.admin10000.com/document/484.html 1 ...

  10. [转]VIM字符替换

    语法为 :[addr]s/源字符串/目的字符串/[option] 全局替换命令为::%s/源字符串/目的字符串/g [addr] 表示检索范围,省略时表示当前行. 如:"1,20" ...