Ext Js弹出窗口（七）

1、Ext.MessageBox对象

// 回调函数用于关闭窗口时调用

         Ext.MessageBox.alert('标题', '内容', function(btn) {

                alert('你刚刚点击了 ' + btn);

         });

         // MessageBox可以简称Msg，对于confirm函数，一般来说回调函数不可省略

         Ext.Msg.confirm("标题","选择yes OR no？",function(btn){

               alert('你刚刚点击了 ' + btn);

         });

         // 封装的prompt函数

         Ext.Msg.prompt("标题","输入一些内容",function(btn,text){

               alert("你刚刚单击了"+btn+"，输入的文本为"+text);

         });

         // 可以输入多行数据

         Ext.Msg.show({

               title: "标题",

               msg: "可以输入多行数据",

               width: 300,

               buttons: Ext.Msg.OKCANCEL,

               multiline: true,

               animEl: "dialog",  // 设置动画效果

               fn: function(btn,text){

                    alert(btn + text);

               }

         });

         // 进度条：

         Ext.Msg.progress("请等待","数据读取中...");

         var f = function(v){

                 returnfunction(){

                     if(v ==11){

                         Ext.MessageBox.hide();

                     }else{

                         // progress负责更新进度条进度

                         Ext.MessageBox.updateProgress(v/10,'正在读取第 ' + v + ' 个，一共10个。');

                     }

                };

             };

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

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

          }

     2、窗口

         var win = new Ext.Window({

                   el: "win",

                   layout: "fit",

             width: 500,

             height: 300,

             //closeAction: "hide",  // 关闭按钮时执行隐藏 ,"close"关闭窗口时销毁对象

             closable: false, // 禁止用户关闭窗口

             draggable: false, // 禁止用户随意拖动窗口

             maximizable: true,  // 窗口最大化

             minimizable: true,  // 窗口最小化

             items: [{

             }],

                    buttons:[{

                   text: "确定"

             }]

              });

              win.show();