信息提示框組件 Ext.window.MessageBox

Ext.onReady(function(){
    //定義內容
    var people = {"name":"admin","age":25,"sex":"女"};
    var str = people.name+":<span style='color:red;margin:0 10px;'>"+people.age+"</span>:"+people.sex;
    //回調函數
    function callback(id,msg){
        Ext.Msg.msgButtons['ok'].setText("00s011");
        console.info("點擊ID:"+id+":"+msg);
    }
    
    //Ext.Msg.alert("我的信息",str,callback);
    //Ext.Msg.confirm("我的信息",str,callback);
    //Ext.Msg.prompt('我的信息介紹', '填寫一下姓名:',callback,this,false,"請填寫姓名以及介紹:");
    
    //以上方法都默認調用的是show函數,show函數能夠自定義配置
    Ext.Msg.show({
        title : '顯示信息',
        msg : str,
        modal : true,
        prompt : true,
        value : '請輸入',
        fn : callback,
        buttons : Ext.Msg.YESNOCANCEL,
        icon : Ext.Msg.QUESTION
    });
    
    
    //更新時鐘
    /*var myBox = Ext.Msg.show({
        title : '時鐘',
        msg : "動態更新文字",
        modal :true,
        buttons : Ext.Msg.OK,
        fn : function(){
            Ext.TaskManager.stop(s);
        }
    });
    
    var s = {
        run : function(){
            myBox.updateText("會動的時間:"+Ext.util.Format.date(new Date(),'Y-m-d g:i:s A'));
        },
        interval : 1000
    };
    
    Ext.TaskManager.start(s);*/
    
    //動態更新進度條progress
    var msgBox = Ext.Msg.show({
        title : '提示',
        msg : '動態更新進度條',
        modal :true,
        width : 300,
        progress : true
    });
    
    var count = 0; //滾動條被刷新的次數
    var percentage = 0; //進度百分比
    var progressText = ""; //進度條信息
    
    var task ={
        run : function(){
            count++;
            //計算進度
            percentage = count/10;
            //生成進度條文字
            progressText = "當前進度:"+percentage*100+"%";
            //更新信息提示
            msgBox.updateProgress(percentage,progressText,"當前時間:"+Ext.util.Format.date(new Date(),'Y-m-d g:i:s A'));
            //刷新10次後關閉提示框
            if(count>10){
                Ext.TaskManager.stop(task);
                msgBox.hide();
            }
        },
        interval : 1000
    };
    
    Ext.TaskManager.start(task);  
});