第一个案例-Hello Word
1.本次练习以ext-4.0.7为例,首先从网上下载ext包.
2.打开包后将里面的三个文件或文件夹拷贝到项目中.
resource文件夹
bootstrap.js
ext-all.js
3. 在First-Hello.html中构建如下代码
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 <link href="resources/css/ext-all.css" rel="stylesheet" /> 7 <script src="bootstrap.js"></script> 8 <script src="ext-all.js"></script> 9 <script> 10 Ext.onReady(function () { 11 Ext.MessageBox.alert("Hello", "hello word", function () { 12 alert("First Demo is very good!"); 13 }); 14 }) 15 </script> 16 </head> 17 <body> 18 19 </body> 20 </html>View Code
4.在First-Hello.html中右键-在浏览器中查看
alert(0)弹出的是一个真正的窗口, Ext.MessageBox.alert()弹出来到只不过是一个div模拟的窗口.
5.点击OK按钮后弹框.
6.如此,第一个例子就做好了,是不是很简单.下面解释下Ext.MessageBox.alert()方法, 它有四个参数，为简单起见，主要介绍前面三个参数：
alert( title , msg , function(){} )
其中title，msg为必选参数，function为可选参数，在关闭弹出窗口后触发。
Ext.MessageBox.alert("title","msg");
Ext.MessageBox.alert("title","msg",function(){alert("关闭对话框后弹出！")});
相关文章
