close

ExtJS 基本需要 ext-base.js、ext-all.js 這兩支 JavaScript，以及 ext-all.css 這個 CSS 檔來控制外觀。

<link rel="Stylesheet" type="text/css" href="layout/css/ext-all.css" />
<script type="text/javascript" src="js/ext/ext-base.js"></script>
<script type="text/javascript" src="js/ext/ext-all.js"></script>

試著寫一段簡單的網頁來試看看。

<html>
        <head>
                <title>Hello ExtJS!</title>
                <script type="text/javascript" src="/WISE_Proj/js/ext/ext-base.js"></script>
                <script type="text/javascript" src="/WISE_Proj/js/ext/ext-all.js"></script>
                <link rel="stylesheet" type="text/css" href="/WISE_Proj/layout/css/ext-all.css" />
        </head>
        <body>
                <script type="text/javascript">
                        Ext.onReady(function() { Ext.MessageBox.alert("MsgBoxTitle", "Hello World!"); });
                </script>
        </body>
</html>

這個頁面執行起來，會得到一個有著 Ext 長相的 alert 視窗。

Ext JS alert 範例

熟悉 jQuery 的人，可以把 Ext.onReady() 想成 $(document).ready；如果是對 jQuery 很陌生的 .NET 工程師，或許可以把它想成前端的 Page_Load() 事件。

知道怎麼把 library 引用到頁面上，接下來就是多多看 Sample code 來模仿學習囉，可以參考官網上的範例。



在嘗試開發的過程中發生一個小問題：我的樹狀選單 (TrePanel) 是透過 Tree.ashx 這支程式送的，一開始我照 *.ashx 預設的 MIME type 去送資料（沒去改變 ContentType），送出的格式是純文字：

context.Response.ContentType = "text/plain";

可是在 IE 裡，樹狀選單偶爾才出現，Firefox 和 Chrome 都正常。幾經測試後才發現，ContentType 應該設成 JavaScript：

context.Response.ContentType = "application/javascript";

改掉以後，IE 的反應就正常多了。但還是會遇到問題，這時就是改變 requestMethod 來解決這個問題。

arrow
arrow
    全站熱搜

    小攻城師 發表在 痞客邦 留言(5) 人氣()

    E-mail轉寄