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
转载于:https://www.cnblogs.com/2018/archive/2010/10/09/1846798.html
ExtJS使用总结和参考相关推荐
- ExtJS 4.1有什么值得期待?
原文地址:http://www.sencha.com/blog/what-to-expect-in-ext-js-4-1/ 我们正在努力为ExtJS从4.0.x升级到4.1而努力工作着,不单是进行错误 ...
- ExtJs 备忘录(3)—— Form表单(三) [ 数据验证 ]
正文 一.资料 1.1. 表单提示的方式设置,如: Ext.form.Field.prototype.msgTarget='side' 该设置为枚举值:'qtip','side','title','u ...
- ExtJs grid合并单元格
extjs中,如果要输出一些有合并单元格的表格,要怎么做呢?如图所示: 从网上找了个例子,其主要思想是表格的store装载完毕后,随即对这个grid的td进行一个个的控制,用的方法也是原始的javas ...
- 【WebMisCentral WMC】基于Extjs 4.2x的企业级用户授权认证中心系统(SSO+AM+SM),多租户SAAS应用...
http://saas.chinacloudtech.com 题记 三年磨一剑,在企业信息化的道路上已经走了3年之久了,3年多时间里做了很多,突破了很多:有无奈和辛酸,也有收货与喜悦:自我价值也在不断 ...
- ExtJs中column与form布局的再次领悟
前段时间转了一篇有关于ExtJs中column与form的布局问题(可以参考这篇文章http://sucre.blog.51cto.com/1084905/884279 ),今天在设计页面时又用到了这 ...
- 前端每周清单第 33 期:React 16 发布与特性介绍,Expo AR 教程,ExtJS 从崛起到沉寂...
前端每周清单专注前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点:分为新闻热点.开发教程.工程实践.深度阅读.开源项目.巅峰人生等栏目.欢迎关注[前端之巅]微信公众号(ID:front ...
- Extjs Form用法详解(适用于Extjs5)
为什么80%的码农都做不了架构师?>>> Extjs Form是一个比较常用的控件,主要用来显示和编辑数据的,今天这篇文章将介绍Extjs Form控件的详细用法,包括创建Fo ...
- Extjs鼠标长按事件(实现长按按钮触发事件的方法:mousedown、mouseup)
实现效果: 注:实现的效果其实就是监听鼠标长按的事件,当鼠标左击长按改变按钮的样式,当鼠标放开之后还原按钮的样式. 实现方法: extjs: Ext.get("loginBtn") ...
- 【转】ExtJS DateField 日期控件Format格式化
日期格式参考extjs api文档中的Date类型. var md = new Ext.form.DateField({ ............ format: 'Y-m-d H:i:s', ... ...
最新文章
- s3c6140 UART驱动设计
- 反问疑问_句子练习大全(反问、疑问、设问、病句等练习)
- 25 abstract 抽象
- Hbase2.0版本安装教程
- UVA10608 Friends【并查集】
- linux内核驱动摄像头图片,详解linux 摄像头驱动编写
- 教你如何用Python轻轻松松操作Excel、Word、CSV,一文就够了,赶紧码住!!!
- Android 开发中版本兼容性问题
- 整理:国内主流云计算方案比较
- python模拟类蠕虫--蠕虫初探
- 实变函数自制笔记6:初识可测函数
- 模板学堂丨JumpServer安全运维审计大屏
- IE代理服务器没有响应 浏览器无法打开网页解决方法(浏览器无法打开网页但是可以使用其他软件)
- Apple Watch发售在即 苹果门店大变脸
- [电影]《Ladybird》演绎完整18岁的青春
- pip安装tensorflow报错:could not find a version that satisfies the requirement grpcio=1.8.6
- K8S系列:no kind “Deployment“ is registered for version apps/v1
- C语言中判断浮点数是否等于0
- Vscode黑色主题很难看到鼠标
- UGNX8.0塑料模具设计329讲视频教程 2D排位 全3D分模教程
热门文章
- 如果你不够优秀,人脉是不值钱的
- 无论商业模式怎么变,其最核心的东西,永远不变
- sql如何重命名实例_重命名Ubuntu Linux上SQL Server实例
- innodb 集群_部署MySQL InnoDB集群以实现高可用性
- 如何创建SQL Server报告服务(SSRS)报告
- mysql按照列构建索引_列存储索引增强功能–在线和离线(重新)构建
- web自动化框架抽取示例【Java+selenium】
- 微信小程序unionid获取问题
- .NetCore中EFCore for MySql整理(二)
- 昨天食物中毒,至今浑身酸痛