ExtJS 2.0實用簡明教程之應用ExtJS
更新時間:2009年04月29日 15:15:10 作者:
應用extjs需要在頁面中引入extjs的樣式及extjs庫文件
樣式文件為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會執(zhí)行Ext.onReady中指定的函數(shù),因此可以用,一般情況下每一個用戶的ExtJS應用都是從Ext.onReady開始的,使用ExtJS應用程序的代碼大致如下:
<script> function fn() { alert(‘ExtJS庫已加'); } Ext.onReady(fn); </script>
fn也可以寫成一個匿名函數(shù)的形式,因此上面的代碼可以改成下面的形式:
<script> function fn() { alert(‘ExtJS庫已加載!'); } Ext.onReady(function () { alert(‘ExtJS庫已加載!'); } );</script>
因此,要使用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會執(zhí)行Ext.onReady中指定的函數(shù),因此可以用,一般情況下每一個用戶的ExtJS應用都是從Ext.onReady開始的,使用ExtJS應用程序的代碼大致如下:
復制代碼 代碼如下:
<script> function fn() { alert(‘ExtJS庫已加'); } Ext.onReady(fn); </script>
fn也可以寫成一個匿名函數(shù)的形式,因此上面的代碼可以改成下面的形式:
復制代碼 代碼如下:
<script> function fn() { alert(‘ExtJS庫已加載!'); } Ext.onReady(function () { alert(‘ExtJS庫已加載!'); } );</script>
相關文章
Extjs ajax同步請求時post方式參數(shù)發(fā)送方式
一般參數(shù)傳遞通過url后面跟后臺也能取到,不過看到send參數(shù)也可以發(fā)送參數(shù),試驗了一下服務器端接受不到發(fā)送的參數(shù),在firebug里看到發(fā)送的請求post部分是一個串,不太象正常發(fā)送的參數(shù)。2009-08-08
JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實例解析
TreePanel為ExtJS提供了一個方便的樹結構數(shù)據(jù)展示,尤其是在處理JSON格式數(shù)據(jù)時十分常用,接下來我們就來看兩則JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實例解析2016-05-05
Extjs優(yōu)化(二)Form表單提交通用實現(xiàn)
本文就將演示下一個實例使用該代碼只需要13行代碼 原始需要25-30行代碼搞定,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04
Extjs中RowExpander控件的默認展開問題示例探討
本文為大家探討下關于Extjs中RowExpander控件的默認展開問題,下面有個不錯的示例,感興趣的朋友可以參考下2014-01-01
Extjs407 getValue()和getRawValue()區(qū)別介紹
mydate.getvalue() 返回的是對象;mydate.getRawValue() 返回的是該控件的顯示值,不知道的朋友可以參考下哈2013-05-05
ExtJS4 Grid改變單元格背景顏色及Column render學習
利用的是Column的render實現(xiàn)單元格背景顏色改變,本文給予了實現(xiàn)代碼,感興趣的朋友可以了解下,或許對你學習ExtJS4 Grid有所幫助2013-02-02

