EXT信息提示框简析(1)------NBLity团自学EXT笔记1

信息提示：Ext.Msg是一个工具类，它继承自Object对象，用来生成各种风格的信息提示对话框，是类Ext.MessageBox的别名，两者使用效果相同，但是前者更简洁。

 

ExtJS中的信息提示框全部都是异步执行的，不会中断程序的执行，如果某些操作需要在信息提示框出现以后执行则相应的代码需要放在回调函数中。

 

1.Ext.Msg.alert('提示','信息主体内容',function(){});

参数说明：title:提示框的标题,msg:显示的提示信息,fn:回调函数，可选,scope:回调函数的作用域，可选

例如：

<script type="text/javascript">

Ext.onReady(function(){Ext.Msg.alert('提示','信息主体内容',function(){

alert('回调函数')

});

});

</script>

2.Ext.Msg.confirm('提示','信息主体内容-请选择是否',function(){});

参数说明：同Ext.Msg.alert();点击按钮后得到的是按钮id，也就是yes或者no

例如：

<script type="text/javascript">

Ext.onReady(function(){

Ext.Msg.confirm('提示','请单击我，做出选择',callBack);

function callBack(id){

alert('单击的按钮ID是：'+id);

}

});

</script>

3.Ext.Msg.prompt('提示','输入一些内容看看：',callBack,this,true/false);

参数说明：前四个参数与Ext.Msg.alert()相同，多了一个参数：是否显示为多行文本框，或者以像素为单位直接设置文本框的高毒，默认为false，可选。

例如：

<script type="text/javascript">

Ext.onReady(function(){

Ext.Msg.prompt('提示','输入一些内容看看：',callBack,this,true);

function callBack(id,msg){

alert('单击的按钮ID是：'+id+'\n'+'输入的内容是：'+msg);

}

});

</script>

4.Ext.Msg.Wait(string msg,[string title],[object config]);

参数说明：msg:显示的提示信息,[string title]:提示框的标题，可选,[object config]:用于配置进度条的配置对象，可选。

例如：

<script type="text/javascript">

Ext.onReady(function(){

Ext.Msg.wait('请等待，操作需要很长时间！','提示',{

text : '进度条上的文字'

});

})

</script>

5.Ext.Msg.show(object config);自定义信息提示框

参数说明:一个包含提示框配置信息的配置对象，一般为json对象

常用的配置项：

title:提示框的标题

msg:显示的信息内容

buttons:一个包含配置信息的json对象或false不现实任何按钮，默认为false--------可选值：Ext.Msg.CANCEL;Ext.Msg.OK;Ext.Msg.OKCANCEL;Ext.Msg.YENO;Ext.Msg.YESNOCANCEL;

icon:样式文件------可选值：

Ext.Msg.ERROR;

Ext.Msg.INFO;

Ext.Msg.Question;

Ext.Msg.WARNING

 

fn:回调函数

width：对话框宽度，以像素为单位

minWidth:最小宽度

maxWidth:最大宽度

closable:是否显示右上角的关闭按钮，默认为true

modal:是否为模式窗口，默认为true

progress:是否显示一个进度条

progressText:进度条上显示的文字

wait:是否显示一个自动滚动的进度条，默认为false

prompt:是否显示一个单行文本域，默认为false

value:如果prompt为true，则value值将显示在文本域中

multiline:如果prompt为true，则是否显示多行文本域

 

例如：

<script type="text/javascript">

Ext.onReady(function(){

Ext.Msg.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);

}

});

</script>

 

注意：改变默认的按钮文字，必须放在创建提示框之前，如：

Ext.Msg.buttonText.yes="是";

Ext.Msg.buttonText.no="否";

然后再：var show1=Ext.Msg.show(……);

转载于:https://www.cnblogs.com/dongqing/archive/2012/07/04/2576419.html