手机
当前位置:查字典教程网 >编程开发 >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常用的方法分享

jQuery实现自动滚动到页面顶端的方法

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

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

Javascript调用XML制作连动下拉列表框

Java的不同版本:J2SE、J2EE、J2ME的区别

javascript实现简单的进度条

JavaScript中的Math.LOG2E属性使用详解

用JavaScript实现对话框的教程

使用node+vue.js实现SPA应用

精品推荐
分类导航