ExtJS 2.0實(shí)用簡明教程之應(yīng)用ExtJS
更新時(shí)間：2009年04月29日 15:15:10 作者：
應(yīng)用extjs需要在頁面中引入extjs的樣式及extjs庫文件
樣式文件為resources/css/ext-all.css，extjs的js庫文件主要包含兩個(gè)，adapter/ext/ext-base.js及ext-all.js，其中ext-base.js表示框架基礎(chǔ)庫，ext-all.js是extjs的核心庫。adapter表示適配器，也就是說可以有多種適配器，因此，可以把a(bǔ)dapter/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庫文件及頁面內(nèi)容加載完后，ExtJS會(huì)執(zhí)行Ext.onReady中指定的函數(shù)，因此可以用，一般情況下每一個(gè)用戶的ExtJS應(yīng)用都是從Ext.onReady開始的，使用ExtJS應(yīng)用程序的代碼大致如下：
<script> function fn() { alert(‘ExtJS庫已加'); } Ext.onReady(fn); </script>
fn也可以寫成一個(gè)匿名函數(shù)的形式，因此上面的代碼可以改成下面的形式：
<script> function fn() { alert(‘ExtJS庫已加載!'); } Ext.onReady(function () { alert(‘ExtJS庫已加載!'); } );</script>
因此，要使用ExtJS框架的頁面中一般包括下面幾句：
復(fù)制代碼 代碼如下:
<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庫文件及頁面內(nèi)容加載完后，ExtJS會(huì)執(zhí)行Ext.onReady中指定的函數(shù)，因此可以用，一般情況下每一個(gè)用戶的ExtJS應(yīng)用都是從Ext.onReady開始的，使用ExtJS應(yīng)用程序的代碼大致如下：
復(fù)制代碼 代碼如下:
<script> function fn() { alert(‘ExtJS庫已加'); } Ext.onReady(fn); </script>
fn也可以寫成一個(gè)匿名函數(shù)的形式，因此上面的代碼可以改成下面的形式：
復(fù)制代碼 代碼如下:
<script> function fn() { alert(‘ExtJS庫已加載!'); } Ext.onReady(function () { alert(‘ExtJS庫已加載!'); } );</script>
相關(guān)文章
Extjs ajax同步請求時(shí)post方式參數(shù)發(fā)送方式
一般參數(shù)傳遞通過url后面跟后臺(tái)也能取到，不過看到send參數(shù)也可以發(fā)送參數(shù)，試驗(yàn)了一下服務(wù)器端接受不到發(fā)送的參數(shù)，在firebug里看到發(fā)送的請求post部分是一個(gè)串，不太象正常發(fā)送的參數(shù)。2009-08-08
JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實(shí)例解析
TreePanel為ExtJS提供了一個(gè)方便的樹結(jié)構(gòu)數(shù)據(jù)展示,尤其是在處理JSON格式數(shù)據(jù)時(shí)十分常用,接下來我們就來看兩則JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實(shí)例解析2016-05-05
ExtJS 工具欄 分頁事件參數(shù)使用說明。2010-03-03
Extjs優(yōu)化(二)Form表單提交通用實(shí)現(xiàn)
本文就將演示下一個(gè)實(shí)例使用該代碼只需要13行代碼 原始需要25-30行代碼搞定，感興趣的朋友可以參考下哈，希望可以幫助到你2013-04-04
renderer可以格式化該列顯示的數(shù)據(jù)格式或者按照你自定義的腳本顯示最終數(shù)據(jù)樣子，個(gè)人是這么理解，如果你不是可以看下本文2013-09-09
Extjs中RowExpander控件的默認(rèn)展開問題示例探討
本文為大家探討下關(guān)于Extjs中RowExpander控件的默認(rèn)展開問題，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2014-01-01
ExtJS中窗口是由Ext.Window類定義，該類繼承自Panel，因此窗口其實(shí)是一種特殊的面板Panel。窗口包含了浮動(dòng)、可拖動(dòng)、可關(guān)閉、最大化、最小化等特性。2011-01-01
Ext.util.Observable有一個(gè)重要的功能，可以為某個(gè)事件設(shè)置攔截器，統(tǒng)一管理方法的處罰。使用capture()和releaseCapture()來實(shí)現(xiàn)這個(gè)功能。2010-01-01
Extjs407 getValue()和getRawValue()區(qū)別介紹
mydate.getvalue() 返回的是對象；mydate.getRawValue() 返回的是該控件的顯示值，不知道的朋友可以參考下哈2013-05-05
ExtJS4 Grid改變單元格背景顏色及Column render學(xué)習(xí)
利用的是Column的render實(shí)現(xiàn)單元格背景顏色改變,本文給予了實(shí)現(xiàn)代碼，感興趣的朋友可以了解下，或許對你學(xué)習(xí)ExtJS4 Grid有所幫助2013-02-02