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庫文件及頁面內(nèi)容加載完后,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庫文件及頁面內(nèi)容加載完后,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>
相關文章
JavaScript的Ext JS框架中的GridPanel組件使用指南
GridPanel和TreePnal功能類似,都是Ext JS中的表格便攜利器,相比之下GridPanel還要更強大并且更復雜一些,下面我們就來整理一下JavaScript的Ext JS框架中的GridPanel組件使用指南2016-05-05EXTJS FORM HIDDEN TEXTFIELD 賦值 使用value不好用的問題
用了一個方法解決了此問題,但是老是感覺這樣解決了很不爽,各位有沒有遇到過這種問題,請指點一下。2011-04-04