日期:2014-05-16  浏览次数:20456 次

应用ExtJS
转载自网络

应用extjs 需要在页面中引入extjs 的样式及extjs 库文件,样式文件为resources/css/extall.
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 框架的页面中一般包括下面
几句:
在ExtJS 库文件及页面内容加载完后,ExtJS 会执行Ext.onReady 中指定的函数,因此
可以用,一般情况下每一个用户的ExtJS 应用都是从Ext.onReady 开始的,使用ExtJS 应用
程序的代码大致如下:

fn 也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script>
function fn()
{
alert(‘ExtJS库已加’);
}
Ext.onReady(fn);
</script>
<script>
function fn()
{
alert(‘ExtJS库已加载!’);
}
Ext.onReady(function ()
{
alert(‘ExtJS库已加载!’);
}
);

</script>