ExtJS 4.2 01 Hello ExtJS

參考文章:http://www.cnblogs.com/youring2/p/3269503.html

下載 ExtJS

ExtJS 目前的最新版本是 4.2,我們可以從官方網站下載最新版本的ExtJS。

下載地址:http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip

官網地址:http://www.sencha.com/products/extjs

下載完成以後,我們就得到了ExtJS 的源代碼、API文檔,以及示例內容。

查看 API


ExtJS 的API文檔 和示例需要部署到一個Web服務器上才能查看,我使用Tomcat。直接把解壓後的目錄拷貝到Tomcat安裝目錄下的Webapps中,目錄名可以改爲ExtJS。啓動tomcat後,就可以查看ExtJS的文檔了。

Hello ExtJs


創建目錄如下:


新建一個HTML頁面
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width" />
    <link  rel="stylesheet" type="text/css"  href="js/resources/css/ext-all-neptune.css" />
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript"  src="js/locale/ext-lang-zh_CN.js"></script>
    <title></title>
    <script  type="text/javascript">
        Ext.onReady(function () {
            Ext.MessageBox.alert("Helloworld","Hello World.")
        });
    </script>
</head>
<body>
</body>
</html>

其中:Ext.onReady 表示在Dom結構構造完成後執行


示例源代碼:點擊打開鏈接




發佈了72 篇原創文章 · 獲贊 24 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章