ExtJs控件详解.docVIP

ExtJs控件详解 (1)--Ext.MessageBox /**获得textarea中的内容(代码格式)*/?? function?getContext(){ ?? ???????var?element?=?document.getElementsByTagName(textarea)[0]; ?? ???????var?context=element.value.replace(/(\n)/g,br/); ?? ?? ??????????return?context; ?? }?? form input type=BUTTON name=FullScreen value=全屏显示 onClick=window.open(http://localhost:8080/FBS/index.jsp,big,toolbar=yes,menubar=yes,location=yes,status=yes,scrollbars=yes,resizable=yes) /form 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