【Jsp精品源码栏目提醒】:网学会员为需要Jsp精品源码的朋友们搜集整理了ExtJs控件学习系列 - 其它资料相关资料,希望对各位网友有所帮助!
ExtJs 学习 系列1--Ext.MessageBox 1. /获得 textarea 中的内容代码格式/ 2. function getContext 3. var element document.getElementsByTagNametextarea0 4. var contextelement.value.replace/n/gquotltbr/gtquot 5. 6. return context 7. ltformgtltinput typeBUTTON nameFullScreen value全屏显示onClickquotwindow.openhttp://localhost:8080/FBS/index.jspbigtoolbaryesmenubaryeslocationyesstatusyesscrollbarsyesresizableyesquotgtlt/formgt1.Ext.MessageBox.alert方法 有四个参数,为简单起见,主要介绍前面三个参数: alert title msg function 其中 title,msg 为必选参数,function 为可选参数,在关闭弹出窗口后触发。
Ext.MessageBox.alertquottitlequotquotmsgquot Ext.MessageBox.alertquottitlequotquotmsgquotfunctionalertquot关闭对话框后弹出!quot2.Ext.MessageBox.confirm方法 基本上同 alert方法一模一样。
注意这点:Ext.MessageBox.confirmquottitlequotquotmsgquotfunctionealerte这个参数 e 是什么?它是你点击的弹出框的按钮的值,三种值:yesnocancel.Alert方法也是如此,不过只有两种值:ok,cancel.3.Ext.MessageBox.prompt方法 有六个参数,比前面 alert 方法多一个返回值和是否多行。
Ext.MessageBox.promptquottitlequotquotmsgquotExt.MessageBox.promptquottitlequotquotmsgquotfunctionetextalertequot-quottext//输入quotqianxudetianxiaquot点击 ok 按钮,弹出 ok-qianxudetianxiaExt.MessageBox.promptquottitlequotquotmsgquotfunctionetextalertequot-quottextthistrue//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 你也可以自定义按钮上面的字:quotokquotquot我本来是 ok 的quot。
若设为 false,则不显示任何按钮.3.closable:如果为 false,则不显示右上角的小叉叉,默认为 true。
4.msg:quot消息的内容quot5.title:quot标题quot6.fn:关闭弹出框后执行的函数7.icon:弹出框内容前面的图标,取值为 Ext.MessageBox.INFO,Ext.MessageBox.ERRORExt.MessageBox.WARNINGExt.MessageBox.QUESTION8.width:弹出框的宽度,不带单位9.prompt:设为 true,则弹出框带有输入框10.multiline:设为 true,则弹出框带有多行输入框11.progress:设为 true,显示进度条,(但是是死的)12.progressText:显示在进度条上的字13.wait:设为 true,动态显示 progress14.waitConfig:配置参数,以控制显示 progressexample:Ext.MessageBox.show title:quot标题quot msg:quot内容的消息quot buttons:quotokquot:quot我不再显示 OK 了quot fn:functionealerte animEl:quottest1quot width:500 icon:Ext.MessageBox.INFO closable:false progress:true wait:true progressText:quot进度条quot // prompt:true // multiline:true4.Ext.MessageBox.show中的进度条的使用 首 先 必 须 知 道 例 外 两 个 方 法 Ext.MessageBox.hide 和Ext.MessageBox.updateProgressvaluequotProgressTextquotquotmsgquot三个参数,看名字就知道意思, 注意 value 为 0-1 之间的数,表示进度条的进度. 第一种:(通过进度的大小控制进度,满进度为 1)Ext.getquotbtn1quot.on quotclickquot function Ext.MessageBox.show title:quotdfquot msg:quotdfdquot progress:true width:300 closable:true var ffunctionv return function ifv12 Ext.MessageBox.hide //alertquot加载完成!quot else var iv/11 Ext.MessageBox.updatePro