深入浅出Ext JS

出版时间：2009.2  出版社：人民邮电出版社图灵公司  作者：徐会生,何启伟,康爱媛  页数：385  
Tag标签：无  

前言

　　Ext JS通常简称为EXT，它是一个非常优秀的Ajax框架，用JavaScript编写，与后台技术无关，可以用来开发具有炫丽外观的富客户端应用。EXT所开发的多彩界面吸引了许多程序员的眼球，同时也吸引了众多客户，它似乎一夜之间就迅速流行开来。对于企业应用系统，尤其是MIS类型的系统而言，EXT非常适用。　　当我们第一次使用EXT时，就被它深深地吸引住了。对于我们这样没有美术功底的程序员来说，EXT为我们解决了一大难题，因为它天生拥有炫丽的外表。同时，有很多用其他技术无法实现或极难实现的功能，却能甩EXT轻易实现，比如EXT中的表格、树形、布局等控件能为我们的日常开发工作节约大量的时间和精力，这些都坚定了我们使用EXT的决心。　　我们在学习EXT的过程中做了大量笔记，记下了学习过程中的一些心得和体会，同时也写了很多示例程序，但是从未想过会将这些资料付诸出版。EXT的参考资料很缺乏，我们发现身边很多学习EXT的朋友都在黑暗中摸索，尤其是英文不太好的朋友，学习起来非常吃力。EXT的中文资料就更少了，虽然有人把EXT官方的API文档中文化了，但是API文档中只有一些基础理论和简单示例，并不能指导我们快速地去实践。我们是实用主义者，本书的最大特点就是以实例为基础，在实例的基础上讲解EXT的各种用法。这样既便于读者理解，也方便让读者亲自实践，从而迅速地将所学到的知识运用到实际项目中去。　　本书适合有一定CSS和HTML基础的开发者阅读，它的主要目的是让开发者能快速学会EXT，并立即付诸实践。本书中的示例代码都是以EXT 2．2为基础的，也包含了即将发布的EXT3．0中的新特性，对EXT的相关知识进行了深入而全面的阐述。

内容概要

　　Ext JS是一种用JavaScript编写的功能强大的Ajax框架，可用于开发绚丽多彩的富客户端Ajax应用。本书是Ext JS领域内的经典著作，由浅入深、循序渐进地对Ext JS各方面的知识进行了全面而系统的阐述。全书由一个可以引领读者快速入门的“Hello World”示例开篇，紧接着对Ext JS的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解，最后以一个完整的EXT应用结束全书。每个知识点都配有相应的示例，可操作性极强。　　本书适合所有Web开发者阅读。

作者简介

　　徐会生，高级软件工程师兼系统架构师，资深Java EE开发专家。他是国内探索Ext Js的先驱之一，精通UI开发，业余时间为Family168撰写了大量开源方面的教程。何启伟拥有10余年Java EE开发经验，为银行、医疗、烟草等各大行业成功开发了大量企业级应用。他用Ext JS和J2EE开发了一个强大的企业级应用框架——Ext Framework，在国内处于一流水平。同时，他还独立开发了大量EXT扩展组件，深受广大开发者欢迎。康爱媛从事金融行业软件开发多年，目前是北京一家大型IT公司的项目负责人，利用Java EE和Ext Js为众多行业开发过企业级的系统框架。

书籍目录

第1章　EXT概述1.1　下载EXT发布包1.2　如何查看EXT自带的API和示例1.3　为什么有些示例必须放在服务器上才能看到效果1.4　Hello World1.4.1　直接使用下载的发布包1.4.2　在项目中使用EXT1.5　为什么页面提示“找不到图片”1.6　辅助开发1.6.1　调试工具Firebug1.6.2　开发利器Spket1.7　本章小结第2章　EXT框架基础2.1　EXT的事件和类2.1.1　自定义事件2.1.2　浏览器事件2.1.3　Ext.lib.Event2.1.4　Ext.util.Observable2.1.5　Ext.EventManager2.1.6　Ext.EventObject2.2　EXT的核心组件2.2.1　Ext.Component2.2.2　Ext.BoxComponent2.2.3　Ext.Container2.2.4　Ext.Panel2.2.5　Ext.TabPanel2.3　本章小结第3章　表格控件3.1　Grid的特性简介3.2　制作一个简单的Grid3.3　Grid常用功能详解3.3.1　部分属性功能3.3.2　自主决定每列的宽度3.3.3　让Grid支持按列排序3.3.4　解决中文排序3.3.5　显示日期类型数据3.4　在单元格里显示红色的字、图片和按钮3.5　给Grid的行和列设置颜色3.6　自动显示行号和复选框3.6.1　自动显示行号3.6.2　复选框3.7　选择模型3.8　表格视图——Ext.grid.GridView3.9　表格分页3.9.1　为Grid添加分页工具条3.9.2　通过后台脚本获得分页数据3.9.3　分页工具栏显示在Grid的顶部3.9.4　让EXT支持前台排序3.10　后台排序3.11　可编辑表格控件——EditorGrid3.11.1　制作一个简单的EditorGrid3.11.2　添加一行数据3.11.3　保存修改结果3.11.4　验证EditGrid中的数据3.11.5　限制输入数据的类型3.12　属性表格控件——PropertyGrid3.12.1　PropertyGrid3.12.2　只能看不能动的PropertyGrid3.12.3　强制对name列排序3.12.4　根据name获得value3.12.5　自定义编辑器3.13　分组表格控件——Group3.13.1　分组表格简介3.13.2　分组表格视图Ext.grid.GroupingView3.14　可拖放的表格3.14.1　拖放改变表格的大小3.14.2　在同一个表格里拖放3.14.3　表格之间的拖放3.14.4　表格与树之间的拖放3.15　Grid与右键菜单3.16　本章小结第4章　表单与输入控件4.1　制作一个表单4.2　FormPanel和BasicForm详解4.3　EXT支持的控件4.3.1　控件继承图4.3.2　表单控件4.3.3　基本输入控件Ext.form.Field4.3.4　文本输入控件Ext.form.TextField4.3.5　多行文本输入控件Ext.form.TextArea4.3.6　日期输入控件Ext.form.DateField4.3.7　时间输入控件Ext.form.TimeField4.3.8　在线编辑器Ext.form.HtmlEditor4.3.9　隐藏域Ext.form.Hidden4.3.10　下拉输入框Ext.form.TriggerField4.4　使用表单提交数据4.4.1　EXT默认的提交形式4.4.2　使用HTML原始的提交形式4.4.3　单纯Ajax4.5　数据校验4.5.1　输入不能为空4.5.2　最大长度和最小长度4.5.3　借助vtype4.5.4　自定义校验规则4.5.5　算不上校验的NumberField4.5.6　使用后台返回的校验信息4.6　表单布局4.6.1　默认的平铺布局4.6.2　平行分列布局4.6.3　在布局中使用fieldset4.6.4　在fieldset中使用布局4.6.5　自定义布局：在表单中加入图片4.7　ComboBox、datefield和timefield详解4.7.1　ComboBox简介4.7.2　将Select转换成ComboBox4.7.3　ComboBox结构详解4.7.4　使用远程数据4.7.5　ComboBox的高级配置4.7.6　监听用户选择了哪条数据4.7.7　使用本地数据实现省、市、县级联4.7.8　使用后台数据实现省、市、县级联4.8　复选框和单选框4.8.1　复选框4.8.2　单选框Radio4.9　文件上传4.10　自动把数据填充到表单中4.11　本章小结第5章　树形结构5.1　TreePanel的基本使用5.1.1　创建一棵树5.1.2　为树生枝展叶5.1.3　tree的配置5.1.4　使用TreeLoader获得数据5.1.5　读取本地JSON数据5.1.6　Struts 2的JsonPlugin5.1.7　使用JSP提供后台数据5.2　树的事件5.3　右键菜单5.4　修改节点的默认图标5.5　从节点弹出对话框5.6　节点提示信息5.7　为节点设置超链接5.8　直接修改树节点名称5.9　树形的拖放5.9.1　节点拖放的三种形式5.9.2　叶子不能append5.9.3　判断拖放的目标5.9.4　树之间的拖放5.10　树形过滤器TreeFilter5.11　利用TreeSorter对树进行排序5.12　树形节点视图——Ext.tree.TreeNodeUI5.13　表格与树形的结合——Ext.tree.ColumnTree5.14　本章小结第6章　拖放6.1　拖放简介6.2　拖放的简单应用6.3　拖放组件体系6.4　拖放的事件6.5　高级拖放6.5.1　Basic6.5.2　Handle6.5.3　On Top6.5.4　Proxy6.5.5　Group6.5.6　Grid6.5.7　Circle6.5.8　Region6.6　本章小结第7章　弹出窗口7.1　Ext.MessageBox7.1.1　Ext.MessageBox.alert()7.1.2　Ext.MessageBox.confirm()7.1.3　Ext.MessageBox.prompt()7.2　对话框的更多配置7.2.1　可以输入多行的输入框7.2.2　自定义对话框的按钮7.2.3　进度条7.2.4　动画效果7.3　Ext.window的常用属性7.3.1　创建一个窗口7.3.2　窗口的最大化和最小化7.3.3　窗口的隐藏与销毁7.3.4　防止窗口超出浏览器7.3.5　设置窗口中的按钮7.3.6　窗口的其他配置选项7.4　窗口分组7.5　向窗口中放入各种控件7.5.1　在窗口中加入表格7.5.2　在窗口中加入表单7.5.3　复杂布局7.6　本章小结第8章　布局8.1　布局的用途8.2　最简单的布局FitLayout8.3　常用的边框布局BorderLayout8.3.1　设置子区域的大小8.3.2　使用split并限制它的范围8.3.3　子区域的展开和折叠8.4　制作伸缩菜单的布局——Accordion8.5　实现操作向导的布局——CardLayout8.6　控制位置和大小的布局——AnchorLayout和AbsoluteLayout8.7　表单专用的布局FormLayout8.8　分列式的布局ColumnLayout8.9　表格状的布局TableLayout8.10　与布局相关的其他知识8.10.1　超类Ext.Container的公共配置与xtype的概念8.10.2　layout的超类Ext.layout.ContainerLayout8.10.3　不指定任何布局时会发生的情况8.10.4　使用Viewport对整个页面进行布局8.10.5　使用嵌套实现复杂布局8.11　本章小结第9章　工具栏和菜单9.1　简单菜单9.2　向菜单中添加分隔线9.3　多级菜单9.4　高级菜单9.4.1　多选菜单和单选菜单9.4.2　日期菜单9.4.3　颜色菜单9.4.4　Ext.menu.Adapter菜单适配器9.4.5　使用Ext.menu.MenuMgr统一管理菜单9.5　工具栏组件详解9.5.1　Ext.Toolbar.Button9.5.2　Ext.Toolbar.TextMenu9.5.3　Ext.Toolbar.Spacer9.5.4　Ext.Toolbar.Separator9.5.5　Ext.Toolbar.Fill9.5.6　Ext.Toolbar.SplitButton9.5.7　为工具条添加HTML标签9.5.8　为工具条添加输入控件9.6　分页工具条Ext.PagingToolbar9.6.1　Ext.PagingToolbar的基本用法9.6.2　向Ext.PagingToolbar添加按钮组件9.7　右键弹出菜单9.8　本章小结第10章　数据存储与传输10.1　Ext.data简介10.2　Ext.data.Connection10.3　Ext.data.Record10.4　Ext.data.Store10.4.1　基本应用10.4.2　对数据进行排序10.4.3　从store中获取数据10.4.4　更新store中的数据10.4.5　加载及显示数据10.4.6　其他功能10.5　常用proxy10.5.1　MemoryProxy10.5.2　HttpProxy10.5.3　ScriptTagProxy10.6　常用Reader10.6.1　ArrayReader10.6.2　JsonReader10.6.3　XmlReader10.7　高级store10.8　EXT中的Ajax10.8.1　最容易看到的Ext.Ajax10.8.2　Ext.lib.Ajax是更底层的封装10.9　关于scope和createDelegate()10.10　DWR与EXT整合10.10.1　在EXT中直接使用DWR10.10.2　DWRProxy10.10.3　DWRTreeLoader10.10.4　DWRProxy和ComboBox10.11　localXHR支持本地使用Ajax10.12　本章小结第11章　实用工具11.1　EXT提供的常用函数11.1.1　onReady函数11.1.2　get函数11.1.3　query函数和select函数11.1.4　encode函数和decode函数11.1.5　extend函数11.1.6　apply函数和applyIf函数11.1.7　namespace函数11.1.8　Ext.isEmpty函数11.1.9　Ext.each函数11.1.10　Ext.DomQuery11.2　用DomHelper和Template动态生成HTML11.2.1　用DomHelper生成小片段11.2.2　Ext.DomHelper.applyStyles函数11.2.3　Template模板11.2.4　Ext.DomHelper.createTemplate函数11.2.5　复杂模板XTemplate11.3　用Ext.Utils.CSS切换主题11.4　悬停提示11.4.1　初始化11.4.2　注册提示11.4.3　标签提示11.4.4　全局配置11.4.5　个体配置11.5　使用Ext.state保存状态11.6　fx实现的动画效果11.7　局部更新网页内容11.8　Ext.util.Format11.9　使用Ext.util.CSS管理CSS样式11.10　使用Ext.util.ClickRepeater处理点击事件11.11　使用Ext.util.DelayedTask延时执行函数11.12　使用Ext.util.TaskRunner执行循环任务11.13　混合型集合Ext.util.MixedCollection11.14　使用Ext.util.TextMetrices获得文本所占的高度和宽度11.15　Ext.KeyNav处理导航按键11.16　Ext.KeyMap为对象绑定按键功能11.17　扩展11.17.1　扩展Date11.17.2　扩展String11.17.3　扩展Function11.17.4　扩展Number11.17.5　扩展Array11.18　Ext.ux.Portal11.19　Ext.Desktop11.20　本章小结第12章　一个完整的EXT应用12.1　确定整体布局12.2　使用HTML和CSS设置静态信息12.3　对学生信息进行数据建模12.4　在页面中显示学生信息列表12.5　添加表单编辑学生信息12.6　为表单添加提交事件12.7　清空表单信息12.8　删除指定的学生信息12.9　在Grid和Form之间进行数据交互12.10　本章小结第13章　通过Ext Framework合理地应用EXT13.1　Ext Framework简介13.2　Ext Framework架构解析13.2.1　主要的第三方包13.2.2　后台类关系图13.2.3　前台组件关系图13.3　本章小结附录A　EXT常见问题附录B　EXT对AIR的支持附录C　EXT的版本变迁

章节摘录

　　1.6辅助开发　　在软件开发中，经常会使用辅助开发工具，因为辅助工具能提高开发效率，甚至可以达到事半功倍的效果。尤其是像JavaScrilpt这样的解释型脚本语言，开发和调试过程都非常困难，需要强有力的工具加以支持。下面将介绍在ExT开发中用得最多的调试工具和IDE。　　1.6.1调试工具Firebug　　由于我们对Firefox的偏爱，以及Firebug在调试JavaScript过程中的便利，推荐你使用Firefox和IFirebug的组合。而且，EXT。开发者也都倾向于使用Firefox进行开发，因为有些应用在Firefox上运行良好，在1Et扣运行却会出问题。但是，目前IE占据70％的浏览器市场份额，所以我们还是需要让自己的项目能在IE中正常运行，这要求我们能编写出跨浏览器的Ja,vaScript。　　Firebug的好处在于，它可以显示动态生成的DOM，甚至可以在Firebug里直接对DOM进行修改，而这些修改会反映到显示上。　　通过Firebug提供的Console，可以直接执行JavaScript脚本，也可以配置console.debug、console.inf.o和consoIe,error等日志方法，以便于跟踪。　　Firebug可以查看Ajax发送和接收的各种信息，还可以查看发送的参数以及返回的状态和信息。下面将介绍Firebug的安装和使用。　　首先下载Firebug，如果你使用的是Firefox 3.0以上的版本，就必须下载Firebug 1.2以上的版本，否则会不兼容。下载后使用Firefox打开Firebug的xpi安装文件，如图1-4所示。也可以直接将安装文件拖到Firefox上，然后重启Firefox，Firebug便安装成功了。

媒体关注与评论

　　“本书是非常急缺的全面讲解Ext JS的图书，弥补了Ajax社区的一大空白。”　　——Ajax中国，国内权威的Ajax专业门户　　“要想全面了解和掌握Ext Js。强烈推荐阅读《深入浅出Ext Js》。从各方面来看，这本书都非常优秀”　　——Dojo中国，著名开源技术杜区　　“Ext JS是最绚丽的Ajax框架，开源人网站开发了大量基于Ext JS的应用，本书将是2009年最值得期待的Ajax技术图书之一。相信它一定会受到开源技术爱好者的欢迎，也一定可以为所有爱好Ext JS的开发者带来价值。”　　——开源人，专注于为开源人士服务的互动平台　　“本书样章发布后好评如潮，经仔细研读，果然名副其实。内容翔实，示例丰富，叙述风趣幽默，可操作性极强……Ext JS开发者必备！”　　——一起Ext，著名Ext中文讨论社区

编辑推荐

　　以用户为中心的时代，应用的界面外观正在变得越来越重要。然而，很多程序员都缺乏美术功底，要开发出界面美观的应用实属不易。Ext JS的出现，为广大程序员们解决了这一难题。它有丰富多彩的界面和强大的功能，是开发具有炫丽外观的RIA应用的最佳选择。　　《深入浅出Ext JS》是国内Ext JS先驱者的智慧结晶。内容翔实、示例丰富，包含大量示例代码，可操作性极强。它不仅全面地阐述了Ext JS的基础知识，而且深入浅出地讲解了Ext JS开发中的高级技巧，同时还给出了大量专家级的建议。通过学习《深入浅出Ext JS》，读者将感受到Ext JS的无穷魅力和Ajax技术带来的完美体验。　　《深入浅出Ext JS》适合有一定CSS和HTML基础的开发者阅读。徐会生高级软件工程师兼系统架构师，资深Java EE开发专家。他是国内探索Ext Js的先驱之一，精通UI开发。业余时间为Family168撰写了大量开源方面的教程。何启伟拥有10余年Java EE开发经验，为银行、医疗、烟草等各大行业成功开发了大量企业级应用。他用Ext JS和J2EE开发了一个强大的企业级应用框架——Ext Framework，在国内处于一流水平。同时，他还独立开发了大量EXT扩展组件，深受广大开发者欢迎。康爱媛从事金融行业软件开发多年，目前是北京一家大型lT公司的项目负责人，利用，Java EE和Ext Js为众多行业开发过企业级的系统框架。　　涵盖Ext JS 3．0新特性，Ext JS专家力作，示例丰富，完美结合理论和实践，Ajax中国、Dojo中国、开源人、一起ExT 4大网站联袂推荐。