Extjs学习一 --Ext.MessageBox

  Ext.MessageBox是用来生成不同样式的消息框实体类，它还可以使用别名Ext.Msg.

1.  基本的样式

Ext.Msg.alert(‘标题’,'Hello Extjs');

2.用户可以输入的对话框，可以使用回调函数进行操作后的处理

Ext.Msg.prompt("标题","请输入您的名字：",function(btn,text){

if(btn=="ok"){

Ext.Msg.alert("Name","您的名字是："+text);

}

});

3. 创建一个用户可以选择按钮的对话框

Ext.Msg.show({

title:"是否保存",

msg:"是否保存您修改的信息，如果保存它的子级将会一并删除？",

buttons:Ext.Msg.YESNOCANCEL,

fn: function(btn){alert(btn)},

icon: Ext.MessageBox.QUESTION,

    multiline:true,

    value:"测试",

    animEl:"m"

});

title:标题；

msg:提示的消息信息；
buttons:按钮选项，Ext.Msg.YESNOCANCEL包含一个yes、no、cancel的按钮，CANCEL:取消按钮

fn：操作后的回调函数

icon:显示的图标，QUESTION一个问号图标。

   multiline:true为文本域，false为文本框

   value:"测试",表示文本框中的初始值,

   animEl:"m",表示对话框打开或关闭时动画效果的目标元素

4.创建一个带有是和否的对话框

Ext.Msg.confirm("标题","这是带一个YES和NO的按钮的对话框");

5.显示一个不受控制，自动运行的进度条

Ext.Msg.wait("请稍等。。。","标题");

6.显示一个进度条

Ext.Msg.progress("标题","请稍等...");

对进度条中的进度进行控制

var f = function(v){

            return function(){

                if(v == 12){

                    Ext.MessageBox.hide();

                    Ext.example.msg('Done', 'Your fake items were loaded!');

                }else{

                    var i = v/11;

    //进度条中进度值

                    Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');

                }

     };

   };

  for(var i = 1; i < 13; i++){

               setTimeout(f(i), i*500);

      }