ExtJs入门详细的介绍版VIP专享

ExtJs2.0 学习系列(1)--Ext.MessageBox（详细版）大家都知道,刚开始搞 extjs 的时候,很是有点困难,所以本人在新手刚入门后准备了这个系列的文章.个人认为用 extjs 做后台很不错,布局比较完美!1. Ext.MessageBox.alert()有四个参数,为简单起见,主要介绍前面三个参数:alert( title , msg , function(){} );其中 title,msg 为必选参数,function 为可选参数,在关闭弹出窗口后触发.Ext.MessageBox.alert("title","msg",function(){alert("关闭对话框后弹出!")});[注意]Ext.MessageBox.alert("title","msg",function(e){alert("按钮的值:"+e);});参数 e: 两种值 (ok,cancel).2.Ext.MessageBox.confirm() 基本上同 alert()方法一模一样. [注意]Ext.MessageBox.confirm("title","msg",function(e){alert("按钮的值:"+e);});参数 e:三种值(yes,no,cancel).3.Ext.MessageBox.prompt()有六个参数,比前面 alert 方法多一个返回值和是否多行. Ext.MessageBox.prompt("title","msg");Ext.MessageBox.prompt("title","msg",function(e,text){ alert(e+","+text);},this,true);[注意]e 是按钮返回值,text 是文本框中的输入容,true 为多行,this 表示作用域4.Ext.MessageBox.show()功能很强大,采纳 config 配置形式,比前面的方法使用更方便.参数很多,在此列举最常用的配置参数:a)animEl:对话框弹出和关闭时的动画效果,比如设置为”id1”,则从 id1 处弹出并产生动画,收缩则相反;b)buttons:弹出框按钮的设置,[Ext.Msg.OK][Ext.Msg.OKCANCEL][Ext.Msg.CAMCEL][Ext.Msg.YESNO][Ext.Msg.YESNOCANCEL]可以自定义按钮上面的字:{"ok","我原来是 ok 的"},若设为 false,则不显示任何按钮,默认为 false.c)closable:假如为 false,则不显示右上角的小叉叉,默认为 true;d)msg:消息的容;e)title:标题;f)fn:关闭弹出框后执行的函数;g)icon:弹出框容前面的图标,[Ext.MessageBox.INFO][Ext.MessageBox.ERROR][Ext.MessageBox.WARNING][Ext.MessageBox.QUESTION]h)width:弹出框的宽度,不带单位;i)prompt:设为 true,则弹出框带有输入框,默认为 false;j)multiline:设为 true,则弹出框带有多行输入框k)progress:设为 true,显示进度条,(但是是死的)l)progressText:显示在进度条上的字m)wait:设为 true,动态显示 progressn)waitConfig:配置参数,以控制显示 progressExt.MessageBox.show({title:"标题",msg:"容的消息",buttons:{"ok":"我不再显...