EXTJS入門教程及其框架搭建

EXTJS是一個兼容AJAX的前臺WEB UI的框架，在普通的HTML文件的 BODY 元素中無須寫任何HTML代碼，就能產生相應的表格等元素。
首先是爲每一個頁面定義一個類，再以EXTJS的規範格式增加所需的元素，可以使用所見所得的工具：extbuilder 來操作，這個類將以XXXXX.js的文件名保存，最後在相應的HTML頁面中引入相關的JS和CSS文件：

並在BODY中加入下面這段JAVA SCRIPT：

<script>
 Ext.onReady( function () {
 Ext.QuickTips.init();
 Ext.form.Field.prototype.msgTarget='side';
 var viewport=new Ext.Viewport( {
 layout : 'fit',
 border : false,
 items : [new system.XXXXX()]
 });
 viewport.render();
 });
 </script>

其中XXXXX就是之前新加的JS類，則EXT引擎就會以一定的非常漂亮的樣式渲染出頁面來，並且以後的頁面風格要改變，只須更換CSS即可，無須改動頁面。

項目截圖

運行截圖

原創不易，轉載請註明出處：EXTJS入門教程及其框架搭建

代碼下載地址:http://www.zuidaima.com/share/1724474768788480.htm