天天看點

window基本功能介紹

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

                     alert('你剛剛點選了 ' + btn);

                 });



                 Ext.MessageBox.confirm('選擇框', '你到底是選擇yes還是no?', function (btn) {

                     alert('你剛剛點選了 ' + btn);

                 });



                 Ext.MessageBox.prompt('輸入框', '随便輸入一些東西', function (btn, text) {

                     alert('你剛剛點選了 ' + btn + ',剛剛輸入了 ' + text);

                 });



                 Ext.MessageBox.show({

                     title: '多行輸入框',

                     msg: '你可以輸入好幾行',

                     width: 300,

                     buttons: Ext.MessageBox.OKCANCEL,

                     multiline: true,

                     fn: function (btn, text) {

                         alert('你剛剛點選了 ' + btn + ',剛剛輸入了 ' + text);

                     }

                 });



                 Ext.MessageBox.show({

                     title: '随便按個按鈕',

                     msg: '從三個按鈕裡随便選擇一個',

                     buttons: Ext.MessageBox.YESNOCANCEL,

                     fn: function (btn) {

                         alert('你剛剛點選了 ' + btn);

                     }

                 });



                 Ext.MessageBox.show({

                     title: '請等待',

                     msg: '讀取資料中',

                     width: 240,

                     progress: true,

                     closable: false

                 });

                 var f = function (v) {

                     return function () {

                         if (v == 11) {

                             Ext.MessageBox.hide();

                         } else {

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

                         }

                     };

                 };

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

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

                 }      
var win = new Ext.Window({

         el:'window-win',

         width:300,

         height:100,

         closeAction:'hide',

         defaultButton: 0,



         buttons: [{

             text: '确定',

             handler: function() {

                 win.hide();

             }

         }, {

             text: '取消'

         }]

     });

     win.show();