第一个案例-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>
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("关闭对话框后弹出！")});
时间： 2024-11-07 02:16:12