没有合适的资源?快使用搜索试试~ 我知道了~
ExtJS实用开发指南,入门经典教程。从最基础的说起,包括基本组件、API等。
资源详情
资源评论
资源推荐
ExtJS实用简明教程[收集整理:龚辟愚、QQ群:19274175]
-1-
序言
ExtJS是一个很不错的Ajax框架, 可以用来开发带有华丽外观的富客户端应用, 使得我
们的b/s应用更加具有活力及生命力。ExtJS是一个用javascript编写,与后台技术无关的前
端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。
最近我们在几个应用都使用到了ExtJS, 对公司以前开发的一个OA系统也正在使用ExtJS2.0
进行改造, 使得整个系统在用户体验上有了非常大的变化。 本教程记录了前段时间本人学习
ExtJS的一些心得及小结, 希望能帮助正在学习或准备学习ExtJS的朋友们快速走进ExtJS2.0
的精彩世界。
教程包括ExtJS的新手入门、组件体系结构及使用、ExtJS中各控件的使用方法及示例
应用等, 是一个非常适合新手的ExtJS入门教程。 本教程主要是针对ExtJS2.0进行介绍, 全
部代码、截图等都是基于ExtJS2.0。
在学习了本教程后, 可以下载wlr.easyjf.com这个基于ExtJS2.0开发的单用户Blog系统
的源代码,这个系统是我们团队中的williamraym与大峡等人开发的一个演示系统,系统源
码整体质量比较高,通过学习这套源代码相邻一定能提高您ExtJS的综合水平。
本教程比较适合ExtJS的新手作为入门教程及手册使用,并在我的博客
http://www.easyjf.com/blog/lengyu/上进行发布; 应一些朋友的要求, 根据本教程的写作思路
,
我还编写了比本教程更为详细的《ExtJS实用开发指南》 ,包含详细的ExtJS
框架使用方法、
各个控件详细配置参数、 属性、 方法及事件介绍, 与服务器端集成及一个完整的示例应用系
统介绍等内容,适合想深入学习ExtJS或正在使用ExtJS进行开发朋友们使用。该《指南》
当前在wlr.easyjf.com作为VIP文档发布, 供该站的VIP
用户阅读及下载。 凡是购买了 《
ExtJS
实用开发指南》文档的VIP用户,都可以在该指南印刷版出版后均会免费得到相应的印刷
版本。
最后, 希望广大网友把阅读本教程中的发现的错误、 不足及建议等反馈给我们, 让我们
一起共同学习、共同进步,下面让我们一起进入精彩的ExtJS世界吧。
更多电子书教程下载请登陆http://down.zzbaike.com/ebook
本站提供的电子书教程均为网上搜集,如果该教程涉及或侵害到您的版权请联系我们。
ExtJS实用简明教程[收集整理:龚辟愚、QQ群:19274175]
-2-
第一章、ExtJS
Ex tJS
ExtJS
ExtJS
简介
ExtJS是一个Ajax框架, 是一个用javascript写的, 用于在客户端创建丰富多彩的web应用
程序界面。 ExtJS可以用来开发RIA也即富客户端的AJAX应用, 下面是一些使用ExtJS开发的
应用程序截图:
(wlr的blog应用)
更多电子书教程下载请登陆http://down.zzbaike.com/ebook
本站提供的电子书教程均为网上搜集,如果该教程涉及或侵害到您的版权请联系我们。
ExtJS实用简明教程[收集整理:龚辟愚、QQ群:19274175]
-3-
(ExtJS的表格控件)
(不同主题的ExtJS弹出框效果)
ExtJS是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的
前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。
ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过参考JavaSwing
等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,
都可算是一款不可多得的JavaScript客户端技术的精品。
更多电子书教程下载请登陆http://down.zzbaike.com/ebook
本站提供的电子书教程均为网上搜集,如果该教程涉及或侵害到您的版权请联系我们。
ExtJS实用简明教程[收集整理:龚辟愚、QQ群:19274175]
-4-
第二章、开始ExtJS
Ex tJS
ExtJS
ExtJS
2.1
2.1
2.1
2.1
获得ExtJS
Ex tJS
ExtJS
ExtJS
要使用ExtJS,那么首先要得到ExtJS库文件,该框架是一个开源的,可以直接从官方
网站下载, 网址http://extjs.com/download, 进入下载页面可以看到大致如图xxx所示的内
容,
可以选择选择1.1或2.0版本,本教程使用的2.0版本。
图1-1ExtJs不同版本下载选择页面
单击上图中的【Downloadext-2.0.zip】超链接进行下载,把下载得到的ZIP压缩文件解
压缩到【D:\ExtCode】目录下,可以得到如如图1-2所示的内容。
图1-2ExtJS发布包目录
adapter:负责将里面提供第三方底层库(包括Ext自带的底层库)映射为Ext所支持
的底层库。
build:压缩后的ext全部源码(里面分类存放)。
docs:API帮助文档。
exmaples:提供使用ExtJs技术做出的小实例。
resources:ExtUI资源文件目录,如CSS、图片文件都存放在这里面。
source:无压缩Ext全部的源码(里面分类存放)遵从LesserGNU(LGPL)开源的
协议。
更多电子书教程下载请登陆http://down.zzbaike.com/ebook
本站提供的电子书教程均为网上搜集,如果该教程涉及或侵害到您的版权请联系我们。
ExtJS实用简明教程[收集整理:龚辟愚、QQ群:19274175]
-5-
Ext-all.js:压缩后的Ext全部源码。
ext-all-debug.js:无压缩的Ext全部的源码(用于调试)。
ext-core.js:压缩后的Ext的核心组件,包括sources/core下的所有类。
ext-core-debug.js:无压缩Ext的核心组件,包括sources/core下的所有类。
2.2
2.2
2.2
2.2
、应用ExtJS
Ex tJS
ExtJS
ExtJS
应用extjs需要在页面中引入extjs的样式及extjs库文件,样式文件为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框架的页面中一般包括下面
几句:
在ExtJS库文件及页面内容加载完后,ExtJS会执行Ext.onReady中指定的函数,因此
可以用,一般情况下每一个用户的ExtJS应用都是从Ext.onReady开始的,使用ExtJS应用
程序的代码大致如下:
fn也可以写成一个匿名函数的形式,因此上面的代码可以改成下面的形式:
<scripttype="text/javascript"src="extjs/adapter/ext/ext-base.js"></script>
<scripttype="text/javascript"src="extjs/ext-all.js"></script>
<script>
functionfn()
{
alert(‘ExtJS库已加’);
}
Ext.onReady(fn);
</script>
<script>
functionfn()
{
alert(‘ExtJS库已加载!’);
}
Ext.onReady(function()
{
alert(‘ExtJS库已加载!’);
}
);
更多电子书教程下载请登陆http://down.zzbaike.com/ebook
本站提供的电子书教程均为网上搜集,如果该教程涉及或侵害到您的版权请联系我们。
剩余66页未读,继续阅读
南山猛士
- 粉丝: 28
- 资源: 21
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0