EXTJS 学习总结（1） Ext.MessageBox

/Alert 
function alertShow() { 
    Ext.MessageBox.alert("Title", "msg", function(e) { 
        alert('alert : ' + e); //参数e,是点击的弹出框的按钮的值,ok，cancel.        
    }); 
} 
 
  
 
//confirm 
function confirmShow() { 
    Ext.MessageBox.confirm("title", "msg", function(e) { 
        alert('confirm : ' + e); //参数e,是点击的弹出框的按钮的值,yes,no,cancel 
    }); 
} 
 
  
 
//带文本框弹出的窗体 
function promptShow() { 
    Ext.MessageBox.prompt( 
        "title", 
        "msg", 
        function(e, text) { 
            alert(e + "-" + text); 
        }, 
        this, 
        true); 
} 
 
  
 
//进度条显示的第一种方式 
function msgShow() { 
    Ext.MessageBox.show({ 
        animEl: 'aFrom', 
        buttons: Ext.Msg.YESNOCANCEL,  //弹出框按钮的设置Ext.Msg下有四种可选，设置为false则不显示任何按钮 
        closable: false,               //false，则不显示右上角的小叉 
        msg: 'MsxBox',                 //消息的内容 
        title: '标题', 
        fn: windowClose,               //关闭弹出框后执行的函数，如点击CHANCEL按钮退出时触发 
        icon: Ext.MessageBox.INFO,     //弹出框内容前面的图标，取值为Ext.MessageBox.INFO，ERROR, WARNING, QUESTION  
        width: '500', 
        prompt: true,                  //设为true，则弹出框带有输入框  
        multiline: true,               //设为true，则弹出框带有多行输入框 
        progress: true,                //设为true，显示进度条 
        progressText: '进度条',        //显示在进度条上的字 
        wait: true,                    //设为true，动态显示progress 
        waitConfig: {                  //配置参数，以控制显示progressexample 
            interval: 600,             //进度的频率 
            duration: 5000,            //执行进度的持续时间，超过这个时间后，interval失效，不再产生进度效果，但进度狂也不会消失 
            fn: function() {           //时间到后执行的函数  
                Ext.MessageBox.hide(); //让进度条消失  
            } 
        } 
    }); 
} 
 
  
 
//进度条显示的第二种方式 
function createupdateProgress() { 
    Ext.MessageBox.show({ 
        animEl: 'aFrom', 
        buttons: Ext.Msg.YESNOCANCEL,  //弹出框按钮的设置Ext.Msg下有四种可选，设置为false则不显示任何按钮 
        closable: false,               //false，则不显示右上角的小叉 
        msg: 'MsxBox',                 //消息的内容 
        title: '标题', 
        fn: ShowMSG,                   //关闭弹出框后执行的函数 
        icon: Ext.MessageBox.INFO,     //弹出框内容前面的图标，取值为Ext.MessageBox.INFO，ERROR, WARNING, QUESTION 
        prompt: false,                 //设为true，则弹出框带有输入框  
        multiline: false,              //设为true，则弹出框带有多行输入框 
        progress: true                 //设为true，显示进度条        
    }); 
     
    var f = function(v) { 
        return function() { 
            if (v == 12) { 
                Ext.MessageBox.hide(); 
                alert("加载完成！");  
            } 
            else { 
                var i = v / 11; 
                Ext.MessageBox.updateProgress(i, Math.round(100 * i) + "% completed", i); 
            } 
        } 
    } 
     
     for (var i = 1; i < 13; i++) { 
         setTimeout(f(i), i * 500); //从点击时就开始计时，所以500*i表示每500ms就执行一次  
     } 
} 
 
  
 
//用于绑定的方法 
function windowClose() { 
     window.open('', '_self', ''); //IE7以后版本中，关闭窗体时保证不弹出询问对话框 
     window.close(); 
} 
 
  
 
//用于绑定的方法 
function ShowMSG() { 
    alert(123); 
 
}