ExtJS 2.0實用簡明教程之應用ExtJS

2024-05-06 14:15:32

字體：大中小

來源：轉載

供稿：網友

樣式文件為resources/css/ext-all.css，extjs的js庫文件主要包含兩個，adapter/ext/ext-base.js及ext-all.js，其中ext-base.js表示框架基礎庫，ext-all.js是extjs的核心庫。adapter表示適配器，也就是說可以有多種適配器，因此，可以把adapter/ext/ext-base.js換成adapter/jquery/ext-jquery-adapter.js，或adapter/prototype/ext-prototype-adapter.js等。
因此，要使用ExtJS框架的頁面中一般包括下面幾句：
代碼如下:
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>

在ExtJS庫文件及頁面內容加載完后，ExtJS會執行Ext.onReady中指定的函數，因此可以用，一般情況下每一個用戶的ExtJS應用都是從Ext.onReady開始的，使用ExtJS應用程序的代碼大致如下：
代碼如下:
<script> function fn() { alert(‘ExtJS庫已加'); } Ext.onReady(fn); </script>

fn也可以寫成一個匿名函數的形式，因此上面的代碼可以改成下面的形式：
代碼如下:
<script> function fn() { alert(‘ExtJS庫已加載!'); } Ext.onReady(function () { alert(‘ExtJS庫已加載!'); } );</script>

上一篇：jQuery textarea的長度進行驗證

下一篇：ie和firefox不兼容的解決方法集合