Ext.MessageBox

Ext.MessageBox

<% @ page contentType = " text/html;charset=UTF-8 " %>
< html >
     < head >
         < meta  http-equiv ="Content-Type"  content ="text/html; charset=UTF-8"   />
         < title > onReady </ title >
         < link  rel ="stylesheet"  type ="text/css"
            href ="/ext/resources/css/ext-all.css"   />
         < script  type ="text/javascript"  src ="/ext/adapter/ext/ext-base.js" ></ script >
         < script  type ="text/javascript"  src ="/ext/ext-all.js" ></ script >
         < script  type ="text/javascript" >
             function  myAlert()
            {
                 // alert(title, msg ,function(){})
                 // 其中title，msg为必选参数，function为可选参数，在关闭弹出窗口后触发。
                 Ext.MessageBox.alert( " title " , " msg " , function (){alert( " 关闭对话框后弹出！ " )});
            }
             function  myConfirm()
            {
                 // clickValue是点击后返回的值
                Ext.MessageBox.confirm( " title " , " msg " , function (clickValue){alert(clickValue);});
            }
             function  myPrompt()
            {
                 // true为多行，this表示作用域
                Ext.MessageBox.prompt( " title " , " msg " , function (e,text){alert(e + " - " + text);}, this , true );
            }
             function  myShow()
            {
                Ext.MessageBox.show({
                    title: " 标题 " ,
                    msg: " 内容的消息 " ,
                    buttons:{ " ok " : " 我不再显示OK了 " },
                    fn: function (e){alert(e);},
                    animEl: " test1 " ,
                     width: 500 ,
                    icon:Ext.MessageBox.INFO,
                    closable: false ,
                    progress: true ,
                    wait: true ,
                    progressText: " 进度条 "
                        // prompt:true
                        // multiline:true
                });
            }
            Ext.onReady(myShow);
            
          </ script >
     </ head >
     < body  style ="font:10px;color:red;" >
         < div  id ="test1" > Ext.MessageBox.show </ div >
         < div >
        1.animEl:对话框弹出和关闭时的动画效果，比如设置为“id1”，则从id1处弹出并产生动画，收缩则相反 < br />
        2.buttons:弹出框按钮的设置，主要有以下几种：Ext.Msg.OK,Ext.Msg.OKCANCEL,Ext.Msg.CANCEL,Ext.Msg.YESNO,Ext.Msg.YESNOCANCEL,你也可以自定义按钮上面的字：{"ok","我本来是ok的"}。若设为false，则不显示任何按钮. < br />
        3.closable:如果为false，则不显示右上角的小叉叉，默认为true。 < br />
        4.msg:"消息的内容" < br />
        5.title:"标题" < br />
        6.fn:关闭弹出框后执行的函数 < br />
        7.icon：弹出框内容前面的图标，取值为Ext.MessageBox.INFO，Ext.MessageBox.ERROR,Ext.MessageBox.WARNING,Ext.MessageBox.QUESTION < br />
        8.width:弹出框的宽度，不带单位 < br />
        9.prompt：设为true，则弹出框带有输入框 < br />
        10.multiline：设为true，则弹出框带有多行输入框 < br />
        11.progress:设为true，显示进度条，（但是是死的） < br />
        12.progressText:显示在进度条上的字 < br />
        13.wait：设为true，动态显示progress < br />
        14.waitConfig:配置参数，以控制显示progress < br />
         </ div >
     </ body >
</ html >