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 視窗。
熟悉 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 來解決這個問題。
全站熱搜
留言列表