ExtJS使用总结和参考

一时失言乱红尘 2022-04-01 15:14 237阅读 0赞

ExtJS作为一个Javascript框架有广泛的应用，本文在实际学习和应用的基础上提供一个快速的上手和学习的参考。

##### ExtJS介绍 #####

要开始 Extjs，必须先从网上下载所有需要的文件。下载的文件解压后，包含若干个文件夹和文件，作用分别如下：

adapter 文件夹：该文件夹包含了 extjs和其实框架如 jquery、yui、prototype的桥接器，用于Extjs和这些框架的友好整合。

build文件夹：包含了所有 js文件的紧凑压缩版，方便网络传输，提高下载速度。

docs 文件夹：Extjs 的帮助文档，遗憾的是要先布署在服务器上才能访问。网上有人制作了无需布署的版本。

examples文件夹：自带的示例全部在该文件夹中，一定记得去看看。

resources文件夹：包含了Extjs所需要的样式表文件和图片资源。

source文件夹：源代码文件夹，没有经过压缩的版本。

ext-base.js：基础类库。

ext-core.js：核心类库。

ext-all.js：类库完整版。

ext-all-debug.js：带格式的未压缩的类库完整版，带调试功能。

ext-core-debug.js：带格式的未压缩的核心类库。

CHANGES.html：开发及升级日志。

license.txt：协议，比较复杂，但用惯了盗版的我们来说完全不予理会。

##### ExtJS使用 #####

\[注意由于授权的问题[http://extjs.org.cn/node/85][http_extjs.org.cn_node_85] \]

###### 引入必要的js css ######

在页面\[一般是母板页\]上引入js和css文件，这样Extjs风格的框架和界面就可自由使用了

<link rel="stylesheet" href="../extjs/resources/css/ext-all.css" type="text/css"></link>

<script type="text/javascript" src="../extjs/ext-base.js"></script>

<script type="text/javascript" src="../extjs/ext-all.js"></script>

<script type="text/javascript" src="../extjs/ext-lang-zh\_CN.js"></script>

要注意的是， 不要随意调整各文件的顺序， 特别是 ext-base.js必须在 ext-all.js文件之前，记住了！

###### 编码 ######

在页面上一般增加一个入口函数\[一般这些代码放到独立的js文件中\]：

Ext.onReady(function()\{

\});

这里可以实现DOM元素的事件挂接和风格设置等，此时就可以使用ExtJS本身的库和编写类、函数交互了。

**实现ExtJS****风格的自己的类：**

Ext.namespace("com.aptech");

com.aptech.First = function()\{

//私有成员

var kiss = "中华人民共和国";

//私有方法

//公有方法

return \{

//公有成员

init: function()\{

alert("init");

alert(kiss);

\},

//公有成员

method: function()\{

alert("method");

\}

\};

\};

Var fst = new com.aptech.First();

##### ExtJS参考资源 #####

[http://extjs.org.cn][http_extjs.org.cn]

[http://extjs.com/][http_extjs.com]

Extjs本身带的docs和example是重要的参考资料，使用前把这个过一遍,基本可以实现需要的界面和逻辑，基本不需要在网络上再四处找其他的参考了。

对于Extjs没有包含的一些界面等，可以在这个站点找到很多基于ExtJS的扩展代码下载，重要按照说明引入这些资源即可。

[http://extasp.net][http_extasp.net] 是在asp.net的应用

北大青鸟李赞红 轻松搞定Extjs \[学完这个对这个框架就更清楚了\]

[http://wenku.baidu.com/view/d4676f0bf78a6529647d5399.html][http_wenku.baidu.com_view_d4676f0bf78a6529647d5399.html]

**实例**

[http://jsfkit.codeplex.com][http_jsfkit.codeplex.com]

[http_extjs.org.cn_node_85]: http://extjs.org.cn/node/85
[http_extjs.org.cn]: http://extjs.org.cn
[http_extjs.com]: http://extjs.com/
[http_extasp.net]: http://extasp.net
[http_wenku.baidu.com_view_d4676f0bf78a6529647d5399.html]: http://wenku.baidu.com/view/d4676f0bf78a6529647d5399.html
[http_jsfkit.codeplex.com]: http://jsfkit.codeplex.com

发表评论取消回复

表情：

评论列表（有 0 条评论，237人围观）

还没有评论，来说两句吧...

相关阅读

相关 extjs4.2使用3天总结

1、引入css和js <link rel="stylesheet" type="text/css" href="extjs/resources/e

清疚/ 2022年08月08日 05:21/ 0 赞/ 163 阅读

相关 ExtJs使用总结

一、获取元素（Getting Elements） 1.Ext.get var el = Ext.get('myElementId');//获取元素，

女爷i/ 2022年08月07日 16:49/ 0 赞/ 165 阅读

相关 ExtJs使用总结(非常详细)

ExtJs使用总结(非常详细)，需要的朋友可以参考下一、获取元素（Getting Elements） 1.Ext.get var el = Ext.get('m

红太狼/ 2022年05月20日 09:58/ 0 赞/ 266 阅读

相关 JVM调优参考总结

附JDK历史版本下载：http://www.oracle.com/technetwork/java/archive-139210.html 一、基础入门参考 [

快来打我*/ 2022年04月21日 14:29/ 0 赞/ 187 阅读

相关 ExtJS使用总结和参考

ExtJS作为一个Javascript框架有广泛的应用，本文在实际学习和应用的基础上提供一个快速的上手和学习的参考。 ExtJS介绍要开始 Extjs，必须先从网上下

一时失言乱红尘/ 2022年04月01日 15:14/ 0 赞/ 238 阅读

相关 EXTJs学习笔记（知识点总结）

（1）apply()和applyIf() apply(): 将一个对象中的所有属性值复制到另一个对象中 var a = {name:'x

小咪咪/ 2022年02月12日 14:21/ 0 赞/ 282 阅读

相关 ExtJs xtype的使用

xtype可作为Ext控件的简写，都会对应一个Ext控件。当然这里你也可以自定义这个xtype，通过自定义的Ext控件来绑定，主要由Ext.reg方法去注册xtype。我们

妖狐艹你老母/ 2021年09月14日 11:44/ 0 赞/ 317 阅读

相关 SQL总结(快速参考)

SQL 语句 <table style="margin:10px 0px 0px; padding:0px; border:1px solid rgb(170,170,1

ゞ浴缸里的玫瑰/ 2021年09月11日 04:22/ 0 赞/ 289 阅读

相关 ExtJS中layout的用法总结

好久没看过EXT了，最近项目中需要用到就重新复习了下，对于一些知识也都模糊不清，现对Extjs中的layout布局进行总结下： layout

拼搏现实的明天。/ 2021年09月10日 06:48/ 0 赞/ 335 阅读

相关 extJs -direct使用

一、什么是DirectJngine 2009年7月7日，ExtJS 3.0崭新出炉。其中一个重要功能为Direct，提供了客户端平滑访问服务器端

小灰灰/ 2021年05月12日 11:50/ 0 赞/ 531 阅读