ExtJs入门实例.doc

ExtJs2.0学习系列(1)--Ext.MessageBox 发布时间：2008-8-7 ?大家都知道，刚开始搞extjs的时候，很是有点困难，所以本人在新手刚入门后准备了这个系列的文章。个人认为用extjs做后台很不错，布局比较完美！1.Ext.MessageBox.alert()方法????? 有四个参数，为简单起见，主要介绍前面三个参数：??????alert( title , msg , function(){} )??????其中title，msg为必选参数，function为可选参数，在关闭弹出窗口后触发。 Ext.MessageBox.alert(title,msg); ? Ext.MessageBox.alert(title,msg,function(){alert(关闭对话框后弹出！)}); 2.Ext.MessageBox.confirm()方法?? 基本上同alert()方法一模一样。?? 注意这点： Ext.MessageBox.confirm(title,msg,function(e){alert(e);}); 这个参数e是什么？它是你点击的弹出框的按钮的值，三种值：yes,no,cancel.Alert()方法也是如此，不过只有两种值：ok，cancel.3.Ext.MessageBmpt()方法?? 有六个参数，比前面alert方法多一个返回值和是否多行。 Ext.MessageBmpt(title,msg); Ext.MessageBmpt(title,msg,function(e,text){alert(e+-+text);});//输入qianxudetianxia,点击ok按钮，弹出ok-qianxudetianxia Ext.MessageBmpt(title,msg,function(e,text){alert(e+-+text);},this,true);//true为多行，this表示作用域 4.Ext.MessageBox.show()方法?? 功能很强大，采用config配置形式，比前面的方法使用更方便。?? 参数很多，在此列举最常用的配置参数： 1.animEl:对话框弹出和关闭时的动画效果，比如设置为“id1”，则从id1处弹出并产生动画，收缩则相反2.buttons:弹出框按钮的设置，主要有以下几种：Ext.Msg.OK,????????????????????????????????????????Ext.Msg.OKCANCEL,????????????????????????????????????????Ext.Msg.CAMCEL,????????????????????????????????????????Ext.Msg.YESNO,????????????????????????????????????????Ext.Msg.YESNOCANCEL??你也可以自定义按钮上面的字：{ok,我本来是ok的}。???若设为false，则不显示任何按钮.3.closable:如果为false，则不显示右上角的小叉叉，默认为true。4.msg:消息的内容5.title:标题6.fn:关闭弹出框后执行的函数7.icon：弹出框内容前面的图标，取值为Ext.MessageBox.INFO，???????????????????????????????????????Ext.MessageBox.ERROR,??????????????????????????????????Ext.MessageBox.WARNING,??????????????????????????????????Ext.MessageBox.QUESTION8.width:弹出框的宽度，不带单位9.prompt：设为true，则弹出框带有输入框10.multiline：设为true，则弹出框带有多行输入框11.progress:设为true，显示进度条，（但是是死的）12.progressText:显示在进度条上的字13.wait：设为true，动态显示progress14.waitConfig:配置参数，以控制显示progress example: Ext.MessageBox.show({????title:标题,????msg:内容的消息,????buttons:{ok:我不再显示OK了},????fn:function(e){alert(e);},????animEl:test1,?????width:500,????icon:Ext.MessageBox.INFO,????c