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