EXT窗口

最新推荐文章于 2019-06-12 16:40:41 发布

水白中小子

最新推荐文章于 2019-06-12 16:40:41 发布

阅读量589

点赞数

分类专栏：转载

转载专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Alert提示框

Ext的对话框都封装在Ext.MessageBox类，该类还有一个简写形式即Ext.Msg，可以直接通过Ext.MessageBox或Ext.Msg来直接调用相应的对话框方法来显示Ext对话框。

[html]view plaincopy 
   
 <html>  
 <head><title>演示</title>  
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
 <link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" />  
 <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>  
 <script type="text/javascript" src="extjs/ext-all.js"></script>  
 <script type="text/javascript" language="javascript">  
 Ext.onReady(function(){  
 Ext.get("btnAlert").on("click",function(){  
 Ext.MessageBox.alert("请注意","这是ExtJS的提示框");  
 });  
 });  
 </script>  
 </head>  
 <body>  
 <div id="hello"></div>  
 <input id="btnAlert" type="button" value="alert框" />  
 </body>  
 </html>  

confirm

除了alert以外，Ext还包含confirm、prompt、progress、wait等对话框，另外我们可以根据需要显示自下定义的对话框。普通对话框一般包括四个参数，比如confirm的方法签名为confirm ( String title, String msg, [Function fn], [Object scope] ) ，参数title表示对话框的标题，参数msg表示对话框中的提示信息，这两个参数是必须的；可选的参数fn表示当关闭对话框后执行的回调函数，参数 scope表示回调函数的执行作用域。回调函数可以包含两个参数，即button与text,button表示点击的按钮，text表示对话框中有活动输入选项时输入的文本内容。我们可以在回调函数中通过button参数来判断用户作了什么什么选择，可以通过text来读取在对话框中输入的内容

[html]view plaincopy 
   
 <html>  
 <head><title>演示</title>  
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
 <link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" />  
 <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>  
 <script type="text/javascript" src="extjs/ext-all.js"></script>  
  <script src="extjs/build/locale/ext-lang-zh_CN.js"></script>  
 <script type="text/javascript" language="javascript">  
 Ext.onReady(function(){  
     Ext.get("btn").on("click",function(){  
         Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text){  
             alert(button);  
             //alert(text);  
         });  
     });  
     });  
   
 </script>  
 </head>  
 <body>  
 <div id="hello"></div>  
 <input id="btn" type="button" value="alert框" />  
 </body>  
 </html>  

更实用的

[html]view plaincopy 
   
 <html>  
 <head><title>演示</title>  
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
 <link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" />  
 <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>  
 <script type="text/javascript" src="extjs/ext-all.js"></script>  
  <script src="extjs/build/locale/ext-lang-zh_CN.js"></script>  
 <script type="text/javascript" language="javascript">  
 Ext.onReady(function(){  
     Ext.get("btn").on("click",function(){  
         Ext.MessageBox.confirm("请确认","是否真的要删除指定的内容",function(button,text)  
         {  
             if(button=="yes"){  
                 //执行删除操作  
                 alert("成功删除");  
                }  
                 });  
                 });  
 });  
 </script>  
 </head>  
 <body>  
 <div id="hello"></div>  
 <input id="btn" type="button" value="alert框" />  
 </body>  
 </html>  

prompt框

用的不多，不过有时候会用到

[html]view plaincopy 
   
 <html>  
 <head><title>演示</title>  
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">  
 <link rel="stylesheet" type="text/css" media="all" href="extjs/resources/css/ext-all.css" />  
 <script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>  
 <script type="text/javascript" src="extjs/ext-all.js"></script>  
  <script src="extjs/build/locale/ext-lang-zh_CN.js"></script>  
 <script type="text/javascript" language="javascript">  
 Ext.onReady(function(){  
 Ext.get("btn").on("click",function(){  
 Ext.MessageBox.prompt("输入提示框","请输入数字:",function(button,text){  
 if(button=="ok"){  
 alert("你输入的数字是:"+text);  
 }  
 else alert("你没有输入!");  
 });  
 });  
 });  
   
   
 </script>  
 </head>  
 <body>  
 <div id="hello"></div>  
 <input id="btn" type="button" value="alert框" />  
 </body>  
 </html>  

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
EXT窗口

Alert提示框 Ext的对话框都封装在Ext.MessageBox类，该类还有一个简写形式即Ext.Msg，可以直接通过Ext.MessageBox或Ext.Msg来直接调用相应的对话框方法来显示Ext对话框。 [html] view plaincopyhtml> head>title>演示title> meta
复制链接

扫一扫