ExtJS使用总结和参考

简介: ExtJS作为一个Javascript框架有广泛的应用,本文在实际学习和应用的基础上提供一个快速的上手和学习的参考。 ExtJS介绍 要开始 Extjs,必须先从网上下载所有需要的文件。下载的文件解压后,包含若干个文件夹和文件,作用分别如下: adapter 文件夹:该文件夹包含了 extjs和其实框架如 jquery、yui、prototype的桥接器,用于Extjs和这些框架的友好整合。

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 ]

引入必要的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.com/

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

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

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

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

http://wenku.baidu.com/view/d4676f0bf78a6529647d5399.html

实例

http://jsfkit.codeplex.com

相关文章
|
6月前
|
人工智能 编解码 异构计算
Neo-1:全球首个原子级生成式AI模型!这个AI模型把10年药物研发周期压缩到1个月
VantAI推出的Neo-1是全球首个统一分子生成与原子级结构预测的AI模型,采用潜在空间扩散技术,结合大规模训练和定制数据集,显著提升药物研发效率。
239 15
Neo-1:全球首个原子级生成式AI模型!这个AI模型把10年药物研发周期压缩到1个月
|
9月前
|
机器学习/深度学习 人工智能 算法
具身智能与大模型融合创新技术实训研讨会成功举办
2025年1月16日-19日武汉,TsingtaoAI联合北京博创鑫鑫教育科技,举行“具身智能与大模型融合创新技术”实训研讨会,本次会议面向高校AI教师和企业AI工程师群体,通过3天的技术研修和实操教学,通过将 AI 大模型与具备3D视觉的机器人相结合,为学员实践演示,带领学员深入理解通用具身智能的原理和应用。
295 53
|
JavaScript Java 测试技术
基于SpringBoot+Vue的社区志愿者信息管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue的社区志愿者信息管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
244 1
|
数据可视化 算法 大数据
深入解析高斯过程:数学理论、重要概念和直观可视化全解
这篇文章探讨了高斯过程作为解决小数据问题的工具,介绍了多元高斯分布的基础和其边缘及条件分布的性质。文章通过线性回归与维度诅咒的问题引出高斯过程,展示如何使用高斯过程克服参数爆炸的问题。作者通过数学公式和可视化解释了高斯过程的理论,并使用Python的GPy库展示了在一维和多维数据上的高斯过程回归应用。高斯过程在数据稀疏时提供了一种有效的方法,但计算成本限制了其在大数据集上的应用。
819 1
|
缓存 前端开发 JavaScript
如何快速搭建一个前端框架?
【4月更文挑战第7天】快速搭建前端框架,首先确定技术选型(如React、Vue或Angular),然后创建项目目录结构,安装所需依赖。配置开发环境,编写代码,同时进行调试和测试。优化性能后,部署上线。选择框架时,考虑社区支持、学习曲线、性能、兼容性及文档质量。
590 0
|
监控 物联网 开发者
物联网卡使用过程中常见问题
在物联网(IoT)应用中,用户或开发者可能会遇到一些常见问题。以下是一些物联网卡应用中常用问题及其操作建议:
|
云安全 人工智能 安全
2024云安全洞察报告:趋势与策略
随着数字化转型的逐步推进,云计算已成为企业IT基础设施的核心。然而,云环境的复杂性也带来了新的安全挑战。本文通过大量数据、案例和专家洞察,全面剖析2024年云上安全态势,并为企业提供切实可行的安全建议。
1291 0
2024云安全洞察报告:趋势与策略
|
消息中间件 Java Kafka
探索Java中的事件驱动架构(EDA)
探索Java中的事件驱动架构(EDA)
|
SQL 数据库 开发工具
C/C++ 通过SQLiteSDK增删改查
这些步骤总结了如何在C/C++中使用SQLite SDK进行数据库的增删改查操作。良好的错误处理、安全的SQL查询以及资源管理对于保持代码的健壮性是非常重要的。
236 0
OWASP ESAPI 预防XSS跨站脚本攻击_xss攻击引入esapi(1)
OWASP ESAPI 预防XSS跨站脚本攻击_xss攻击引入esapi(1)