ExtJS 2.0實(shí)用簡(jiǎn)明教程之應(yīng)用ExtJS
更新時(shí)間：2009年04月29日 15:15:10 作者：
應(yīng)用extjs需要在頁(yè)面中引入extjs的樣式及extjs庫(kù)文件
樣式文件為resources/css/ext-all.css，extjs的js庫(kù)文件主要包含兩個(gè)，adapter/ext/ext-base.js及ext-all.js，其中ext-base.js表示框架基礎(chǔ)庫(kù)，ext-all.js是extjs的核心庫(kù)。adapter表示適配器，也就是說(shuō)可以有多種適配器，因此，可以把a(bǔ)dapter/ext/ext-base.js換成adapter/jquery/ext-jquery-adapter.js，或adapter/prototype/ext-prototype-adapter.js等。
因此，要使用ExtJS框架的頁(yè)面中一般包括下面幾句：
<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庫(kù)文件及頁(yè)面內(nèi)容加載完后，ExtJS會(huì)執(zhí)行Ext.onReady中指定的函數(shù)，因此可以用，一般情況下每一個(gè)用戶的ExtJS應(yīng)用都是從Ext.onReady開(kāi)始的，使用ExtJS應(yīng)用程序的代碼大致如下：
<script> function fn() { alert(‘ExtJS庫(kù)已加'); } Ext.onReady(fn); </script>
fn也可以寫成一個(gè)匿名函數(shù)的形式，因此上面的代碼可以改成下面的形式：
<script> function fn() { alert(‘ExtJS庫(kù)已加載!'); } Ext.onReady(function () { alert(‘ExtJS庫(kù)已加載!'); } );</script>
因此，要使用ExtJS框架的頁(yè)面中一般包括下面幾句：
復(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庫(kù)文件及頁(yè)面內(nèi)容加載完后，ExtJS會(huì)執(zhí)行Ext.onReady中指定的函數(shù)，因此可以用，一般情況下每一個(gè)用戶的ExtJS應(yīng)用都是從Ext.onReady開(kāi)始的，使用ExtJS應(yīng)用程序的代碼大致如下：
復(fù)制代碼 代碼如下:
<script> function fn() { alert(‘ExtJS庫(kù)已加'); } Ext.onReady(fn); </script>
fn也可以寫成一個(gè)匿名函數(shù)的形式，因此上面的代碼可以改成下面的形式：
復(fù)制代碼 代碼如下:
<script> function fn() { alert(‘ExtJS庫(kù)已加載!'); } Ext.onReady(function () { alert(‘ExtJS庫(kù)已加載!'); } );</script>
相關(guān)文章
ExtJs設(shè)置GridPanel表格文本垂直居中示例
本文為大家詳細(xì)介紹下ExtJs如何設(shè)置GridPanel表格文本垂直居中，具體實(shí)現(xiàn)代碼及截圖如下，感興趣的朋友可以參考下哈，希望對(duì)大家有所幫助2013-07-07
ExtJS 工具欄 分頁(yè)事件參數(shù)使用說(shuō)明。2010-03-03
多人都習(xí)慣在渲染子組件的時(shí)候?qū)ird渲染到容器內(nèi)的一個(gè)div里，為什么那么多人喜歡使用這種方式來(lái)添加子組件呢，下面為大家詳細(xì)介紹下2013-06-06
本文介紹在桌面程序開(kāi)發(fā)中很常用也很簡(jiǎn)單的工具欄和菜單，但是在通常的web開(kāi)發(fā)中，要實(shí)現(xiàn)好工具欄和菜單并非易事，然而extjs使我們能夠用類似桌面程序開(kāi)發(fā)的方法來(lái)開(kāi)發(fā)web的工具欄和菜單。2010-01-01
ExtJS Panel常用方法，需要的朋友可以參考下。2009-10-10
JavaScript的Ext JS框架中的GridPanel組件使用指南
GridPanel和TreePnal功能類似,都是Ext JS中的表格便攜利器,相比之下GridPanel還要更強(qiáng)大并且更復(fù)雜一些,下面我們就來(lái)整理一下JavaScript的Ext JS框架中的GridPanel組件使用指南2016-05-05
EXTJS FORM HIDDEN TEXTFIELD 賦值 使用value不好用的問(wèn)題
用了一個(gè)方法解決了此問(wèn)題，但是老是感覺(jué)這樣解決了很不爽，各位有沒(méi)有遇到過(guò)這種問(wèn)題，請(qǐng)指點(diǎn)一下。2011-04-04
extjs 學(xué)習(xí)筆記（二） Ext.Element類
上個(gè)系列中，我們用到了Ext.fly來(lái)獲得一個(gè)Element對(duì)象，其實(shí)Ext.fly是Ext.Element.fly的簡(jiǎn)寫形式。類似的方法還有一個(gè)Ext.get，是Ext.Element.get的簡(jiǎn)寫。這兩個(gè)方法都可以用使用Dom元素或者Dom元素的id作為參數(shù)來(lái)獲得一個(gè)Element對(duì)象。2009-10-10
這篇文章主要為大家詳細(xì)介紹了ExtJS 4.2 Grid組件的單元格合并,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
在Ext官方的例子中只有下拉列表控件，但是在實(shí)際業(yè)務(wù)中只有下拉列表無(wú)法滿足需求的，對(duì)于剛使用Ext的人來(lái)說(shuō)，自定義一個(gè)控件好難，下面是具體的實(shí)現(xiàn)2013-10-10