第一個案例-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("關閉對話框后彈出！")});
新聞熱點
疑難解答
