Ext信息提示对话框

/**
**Ext.MessageBox和Ext.Msg只是引用了Ext.window.MessageBox的实例对象，Ext.Msg.alert方法调用的是Ext.window.MessageBox实例对象的alert方法，
**避免混淆两者之间的关系
**/

Ext.Msg.alert("提示","<font color=red>支持HTML格式文本</font>")

Ext.onReady(function(){
    alert(‘我会停止程序的执行。‘);
    Ext.Msg.alert(‘提示‘,‘我不会停止程序的执行。‘);
})

/**
**执行代码会看到标准alert显示，而ExtJs版的alert并没有同事显示出来，说明程序的执行在显示标准alert之后被阻塞了，导致接下来的代码并没有执行
**/

Ext.onReady(function(){
    Ext.Msg.alert(‘提示‘,‘我不会停止程序的执行。‘);
    alert(‘我会停止程序的执行。‘);
})

/**
**执行代码会看到标准的alert与ExtJs的alert同时出现，说明ExtJs的alert是异步执行的，他不会阻塞程序代码的继续执行，
**这是他与标准alert最大的区别，会对编写代码的方式产生一定的影响
**/

调用格式：
alert(String title, String msg ,[Function fn],[Object scope])
参数说明：
title: 提示框标题;
msg: 显示的信息内容;
[Function fn]: (可选) 回调函数;
[Object scope]: (可选) 回调函数的作用域;

示例：
Ext.Message.alert(‘提示‘,‘请单击我，确认‘,callBack);
function callBack(id){
    alert(‘单击的按钮ID是：‘+id);
}

调用格式：
confirm(String title, String msg ,[Function fn],[Object scope])
参数说明：
title: 提示框标题;
msg: 显示的信息内容;
[Function fn]: (可选) 回调函数;
[Object scope]: (可选) 回调函数的作用域;

示例：
Ext.Message.confirm(‘提示‘,‘请单击我，确认‘,callBack);
function callBack(id){
    alert(‘单击的按钮ID是：‘+id);
}

调用格式：
prompt(String title, String msg ,[Function fn],[Object scope],[Boolean/Number multiline])
参数说明：
title: 提示框标题;
msg: 显示的信息内容;
[Function fn]: (可选) 回调函数;
[Object scope]: (可选) 回调函数的作用域;
[Boolean/Number multiline]: 设置false将显示一个单行文本域，设置为true将以默认高度显示一个多行文本区。或者以像素为单位直接设置文本域的高度。默认flase
示例：
Ext.Message.prompt(‘提示‘,‘请输入一些内容看看‘,callBack,this,true,"我是默认值");
function callBack(id,msg){
    alert(‘单击的按钮ID是：‘+id+‘/n‘+‘输入的内容是：‘+msg);
}

调用格式：
wait(String msg ,[String title], [Object config])
参数说明：
msg: 显示的信息内容;
title: 提示框标题,为可选参数;
[Object config]:用户配置进度条的配置对象,为可选参数;

示例：
Ext.Message.wait(‘请等待，操作需要很长时间！‘,‘提示‘,{
    text:"进度条上的文字"
});

Ext.MessageBox.show({
    title:‘提示‘,
    msg:‘我有三个按钮，和一个多行文本区‘,
    modal:true,
    prompt:true,
    value:‘请输入‘,
    fn:callBack,
    buttons:Ext.Msg.YESNOCANCEL,
    icon:Ext.Msg.QUESTION
})
function callBack(id,msg){
    alert(‘单击的按钮ID是：‘+id+‘\n‘+‘输入的内容是：‘+msg);
}

//这种方法会覆盖所有的提示文字，会对设置后所有的信息提示框上的按钮文字产生影响，如果要再次改变按钮文字就需要多次设置
//OK
Ext.MessageBox.msgButtons[0].setText(‘‘按钮ok);
//YES
Ext.MessageBox.msgButtons[1].setText(‘按钮yes‘);
//NO
Ext.MessageBox.msgButtons[2].setText(‘按钮no‘);
//CANCEL
Ext.MessageBox.msgButtons[3].setText(‘按钮cancel‘);

var msgBox = Ext.MessageBox.show({
    title:"提示",
    msgL"动态更新的信息文字",
    modal:true,
    buttons:Ext.Msg.OK,
    fn:function(){
        //停止定时任务
        Ext.TaskManager.stop(task);
    }
})
//Ext.TaskManager是一个功能类，用来定时执行程序
//在这里我们使用它来定时触发提示信息的更新
var task = {
    run:function(){
        msgBox.updateText(‘会动的时间：‘+Ext.util.Format.date(new Date(),‘Y-m-d g:i:s A‘))
    },
     interval:1000 
}
Ext.TaskManager.start(task);

var msgBox = Ext.MessageBox.show({
    title:"提示",
    msg:‘动态更新的进度条和信息文字"，
    modal:true,
    width:300,
    progress:true
})
var count = 0;    //滚动条被刷新的次数
var percentage = 0; //进度百分比
var progressText = ""; //进度条信息

var task = {
    run : function(){
        count++;
        //计算进度
        precentage = 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:100
}
Ext.TaskManager.start(task);