·您现在的位置： 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设开发 >> ASP.NET网站开发 >> 学习ExtjsForVs(第一个案例HelloWord)

【如有意向点此提交需求】关于我们

学习ExtjsForVs(第一个案例HelloWord)

作者：佚名      ASP.NET网站开发编辑：admin      更新时间：2022-07-23

学习ExtjsForVs(第一个案例HelloWord)

第一个案例-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("关闭对话框后弹出！")});