EXTJS入門教程及其框架搭建

hddyhg發表於2018-11-10
原文網址 : https://blog.csdn.net/hddyhg/article/details/83918462
JS框架

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow

也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

               

EXTJS是一個相容AJAX的前臺WEB UI的框架，在普通的HTML檔案的 BODY 元素中無須寫任何HTML程式碼，就能產生相應的表格等元素。

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

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

首先是為每一個頁面定義一個類，再以EXTJS的規範格式增加所需的元素，可以使用所見所得的工具：extbuilder 來操作，這個類將以XXXXX.js的檔名儲存，最後在相應的HTML頁面中引入相關的JS和CSS檔案：

1<script type=" text/javascript " src="/EXTJS/ext-2.2/adapter/ext/ext-base.js "></script>
2<script type=" text/javascript " src="/EXTJS/ext-2.2/ext-all-debug.js "></script>
3<link rel=" stylesheet " type=" text/css " href=" /EXTJS/ext-2.2/resources/css/ext-all.css " />
4<script type=" text/javascript " src= "XXXXX.js "></script>

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

01<script>
02 Ext.onReady( function () {
03 Ext.QuickTips.init();
04 Ext.form.Field.prototype.msgTarget='side';
05 var viewport=new Ext.Viewport( {
06 layout : 'fit',
07 border : false,
08 items : [new system.XXXXX()]
09 });
10 viewport.render();
11 });

相關文章