二、第一個ExtJS例子

一個基本的ExtJS需要包括基本的ExtJS庫,主要是在解壓的ExtJS文件夾中,主要有locale文件夾、resources文件夾、src文件夾和bootstrap.js等js文件,如下圖所示:

新建一個index.html文件,其內容爲:

<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN">

<html>

<head>

   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8; user-scalable=no">

   <title>歡迎來到ExtJS世界</title>

   <link rel="stylesheet"type="text/css" href="resources/css/ext-all.css"/>

    <script type="text/javascript"src="bootstrap.js"></script>

    <script type="text/javascript">

       Ext.onReady(function(){

           Ext.MessageBox.alert("你好","歡迎來到ExtJS!");

       });

    </script> 

</head>

<body>

</body>

</html>

這是一個最基本的HTML內容,其中包含了對bootstrap.js的引用(早期版本可能有所不同),這個是必須的。Ext.onReady()函數表示準備Ext,加載網頁之後就會準備Ext,類似於load事件。Ext.MessageBox.alert()函數類似於alert函數,它有兩個參數,第一個參數表示消息窗體的標題,第二個參數爲顯示的內容。

在瀏覽器中打開該網頁的效果如下:



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章