手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >ExtJS 2.0实用简明教程之应用ExtJS
ExtJS 2.0实用简明教程之应用ExtJS
摘要:样式文件为resources/css/ext-all.css,extjs的js库文件主要包含两个,adapter/ext/ext-base....

样式文件为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会执行Ext.onReady中指定的函数,因此可以用,一般情况下每一个用户的ExtJS应用都是从Ext.onReady开始的,使用ExtJS应用程序的代码大致如下:

复制代码 代码如下:

<script> function fn() { alert(‘ExtJS库已加'); } Ext.onReady(fn); </script>

fn也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:

复制代码 代码如下:

<script> function fn() { alert(‘ExtJS库已加载!'); } Ext.onReady(function () { alert(‘ExtJS库已加载!'); } );</script>

【ExtJS 2.0实用简明教程之应用ExtJS】相关文章:

javascript常用的方法分享

加入收藏夹代码(兼容 gecko)

JS实现简单路由器功能的方法

巧妙破除网页右键禁用的十大绝招

JavaScript函数使用的基本教程

javascript 动态添加表格行

基于jQuery插件实现环形图标菜单旋转切换特效

名词解释:JavaScript、Jscript、VBScript、ASP

JavaScript使用addEventListener添加事件监听用法实例

js实现简单div拖拽功能实例

精品推荐
分类导航