ExtJS Web应用程序开发指南

前言

第1章 认识ExtJS

1.1 ExtJS的精彩表现

1.2 ExtJS的前世今生

1.3 是否真的需要学习ExtJS

1.4 ExtJS4.0新特性

1.5 ExtJSUI组件基础

1.6 了解一下类似技术

1.7 本章小结

第2章 开始ExtJS之旅

2.1 认识ExtJS的开发包

2.2 也从Helloworld开始

2.3 ExtJS中的基本概念

2.4 非常有用的开发工具

2.4.1 开发插件spket

2.4.2 FullSource

2.4.3 MicrosoftScriptDebugger

2.5 ExtJS对原有JavaScript对象的扩展

2.5.1 Ext.Array

2.5.2 Ext.Date

2.5.3 Ext.Function

2.5.4 Ext.Number

2.5.5 Ext.String

2.5.6 Ext.Object

2.6 本章小结

第3章 ExtJS4.0的基本功能

3.1 ExtJS组件配置说明

3.1.1 JSON介绍

3.1.2 ExtJS组件配置方式介绍

3.2 信息提示框组件介绍

3.2.1 认识Ext.window.MessageBox

3.2.2 Ext.MessageBox.alert（）

3.2.3 Ext.MessageBox.confirm（）

3.2.4 Ext.MessageBox.prompt（）

3.2.5 Ext.MessageBox.wait（）

3.2.6 Ext.MessageBox.show（）

3.2.7 Ext.window.MessageBox的其他功能

3.3 进度条组件介绍

3.3.1 认识Ext.ProgressBar

3.3.2 手工模式的进度条

3.3.3 自动模式的进度条

3.3.4 自定义样式的进度条样式

3.4 实现工具栏和菜单栏

3.4.1 认识Ext.toolbar.Toolbar

3.4.2 只包含按钮的简单工具栏

3.4.3 包含多种元素的复杂工具栏

3.4.4 启用和禁用工具栏

3.4.5 认识Ext.menu.Menu菜单

3.4.6 最简单的菜单栏

3.4.7 创建二级或多级菜单

3.4.8 将更多组件加入菜单

3.4.9 具有选择框的菜单

3.5 本章小结

第4章 最常用的表单

4.1 表单及表单元素

4.1.1 了解Ext.form.Basic基本表单

4.1.2 认识Ext.form.Panel表单面板

4.1.3 Ext.form.field.Base基础表单字段

4.1.4 Ext.form.field.Text文本域

4.1.5 Ext.form.field.TextArea文本区

4.1.6 Ext.form.field.Number数字输入框

4.1.7 Ext.form.field.Checkbox复选框和Ext.form.field.Radio单选框

4.1.8 Ext.form.CheckboxGroup和Ext.form.RadioGroup

4.1.9 Ext.form.field.Trigger触发字段

4.1.10 Ext.form.field.Spinner微调字段

4.1.11 Ext.form.field.Picker拾取器字段

4.1.12 Ext.form.field.ComboBox组合框

4.1.13 Ext.form.field.Time时间选择框

4.1.14 Ext.form.field.Date日期选择框

4.1.15 Ext.form.field.Hidden隐藏字段

4.1.16 Ext.form.field.HtmlEditor编辑器字段

4.1.17 Ext.form.field.Display只读文本字段

4.1.18 Ext.form.Label标签字段

4.1.19 Ext.form.FieldSet字段集

4.1.20 Ext.form.FieldContainer容器字段

4.1.21 Ext.form.field.File文件上传字段

4.2 实现表单验证

4.2.1 常见的验证类型

4.2.2 表单验证（VType）

4.2.3 自定义VType验证

4.3 表单的提交和加载

4.3.1 Ext.form.action.Action基础

4.3.2 Ajax模式的表单数据加载

4.3.3 Ajax模式的表单数据提交

4.3.4 标准模式的表单数据提交

4.3.5 使用Direct技术

4.4 本章小结

第5章 面板及布局类

5.1 面板panel

5.1.1 认识Ext.panel.Panel

5.1.2 Ext.panel.Panel的主要功能

5.1.3 使用Ext.panel.Panel

5.2 标准布局类

5.2.1 Auto自动布局

5.2.2 Fit自适应布局

5.2.3 Accordion折叠布局

5.2.4 Card卡片式布局

5.2.5 Anchor锚点布局

5.2.6 Absolute绝对位置布局

5.2.7 CheckboxGroup复选框组布局

5.2.8 Column列布局

5.2.9 Table表格布局

5.2.1 0Border边框布局

5.2.1 1Box盒布局

5.3 使用ViewPort

5.4 Ext.tab.Panel页签

5.5 本章小结

第6章 常用工具类与函数

6.1 非常有用的Ext.core.Element

6.2 Ext常用函数

6.2.1 Ext.onReady（）

6.2.2 Ext.get（）

6.2.3 Ext.select（）

6.2.4 Ext.query（）

6.2.5 Ext.getCmp（）

6.2.6 Ext.getDom（）

6.2.7 Ext.isEmpty（）

6.2.8 Ext.namespace（）

6.2.9 Ext.each（）

6.2.1 0Ext.apply（）

6.2.1 1Ext.encode（）

6.2.1 2Ext.htmlDecode（）

6.2.1 3Ext.typeOf（）

6.3 Ext.core.DomHelper

6.3.1 Ext.core.DomHepler.append（）

6.3.2 Ext.core.DomHelper.applyStyles（）

6.3.3 createTemplate（）

6.3.4 insertAfter（）

6.3.5 insertBefore（）

6.3.6 insertFirst（）

6.3.7 insertHtml（）

6.3.8 overwrite（）

6.4 Ext.core.DomQuery

6.4.1 compile（）

6.4.2 filter（）

6.4.3 is（）

6.4.4 jsSelect（）

6.4.5 selectNode（）

6.5 Ext.util.CSS

6.5.1 createStyleSheet（）

6.5.2 getRule（）

6.5.3 swapStyleSheet（）

6.5.4 removeStyleSheet（）

6.6 Ext.util.ClickRepeater

6.6.1 click（）

6.6.2 mousedown（）

6.6.3 mouseup（）

6.7 Ext.util.DelayedTask提供setTimeout的简单替代

6.7.1 cancle（）

6.7.2 delay（）

6.8 Ext.util.Format提供常用的格式化方法

6.8.1 ellipsis（）

6.8.2 capitalize（）

6.8.3 date（）

6.8.4 htmlEncode（）

6.8.5 htmlDecode（）

6.8.6 stripTags（）

6.8.7 substr（）

6.8.8 lowercase（）

6.8.9 number（）

6.8.10 round（）

6.9 Ext.util.JSON编码和解码Json对象

6.9.1 decode（）

6.9.2 encode（）

6.10 Ext.util.MixedCollection

6.10.1 向集合加入对象

6.10.2 将数组中的对象加入到集合中

6.10.3 移除集合中的对象

6.10.4 克隆集合

6.10.5 匹配集合中关联对象

6.10.6 迭代集合中的对象调用指定的方法

6.10.7 获取集合中的对象

6.10.8 该类中的其他一些有用的方法

6.10.9 该类中重要的事件（Events）

6.11 Ext.util.TaskRunner

6.11.1 构造函数

6.11.2 启动一个线程start（）

6.11.3 停止一个线程stop（）

6.11.4 停止所有的线程stopAll（）

6.12 Ext.util.TextMetrics得到块状化文本规格

6.12.1 块的绑定

6.12.2 实例化对象

6.12.3 获取文本的高度

6.12.4 获取文本的宽、高

6.12.5 获取文本的宽度

6.12.6 获取指定节点内文本块的宽、高

6.12.7 指定文本块的宽

6.13 Ext.KeyNav为元素提供简单的按键处理方法

6.13.1 实例化一个键盘绑定对象

6.13.2 废弃原有键盘绑定

6.13.3 将废弃的键盘绑定重新生效

6.14 Ext.KeyMap提供更灵活强大的对按键的处理方法

6.14.1 构造函数

6.14.2 给对象添加键盘绑定

6.14.3 废弃已绑定到KeyMap的配置

6.14.4 将KeyMap或废弃的配置重新生效

6.14.5 获取当前KeyMap配置是否为有效

6.14.6 事件绑定函数

6.15 本章小结

第7章 让ExtJS开始响应事件

第8章 常见Web框架的ExtJS改造

第9章 ExtJS对Ajax的支持

第10章 增强型模板

第11章 数据模型

第12章 Grid组件

第13章 Tree组件

第14章 ExtJS与服务端框架的整合

第15章 主题

第16章 Ext.Direct

第17章 Draw图形

第18章 Chart图表

附录A

《ExtJS Web应用程序开发指南(第2版)》语言通俗易懂，版式清新，并通过大量的实例去讲解技术。对于广大的Web程序员，《ExtJS Web应用程序开发指南(第2版)》能帮你找到经典应用的解决方案。对RlAWeb／；立用开发的爱好者，《ExtJS Web应用程序开发指南(第2版)》可以帮你找到进步的阶梯。《ExtJS Web应用程序开发指南(第2版)》可以作为Web开发的自学参考书，也可以作为RlAWeb开发的培训教材。主要内容：ExtJS4.0的基本功能、最常用的表单、面板及布局类、常用工具类与函数、让ExtJS开始响应事件、常见Web框架的ExtJS改造、ExtJs对Ajax69支持、增强型模板、数据模型、Grid组件、Tree组件、ExtJs与服务端框架的整合、ExtDirect、Draw图形、Cnan图表。《ExtJS Web应用程序开发指南(第2版)》特色：阅读门槛低——不要求读者对ExtJS有所了解，只要熟悉、JavaScript编程，《ExtJS Web应用程序开发指南(第2版)》就能带你从头开始领略ExtJS的风采。平台开发的概念——可以认为ExtJs是种软件开发平台，而非一个普通JavaScript框架，ExtJS是用桌面程序开发思想引导基于ExtJS的Web应用。来自于实践——《ExtJS Web应用程序开发指南(第2版)》中大量的案例都是实际项目情景的缩影，在讲解时穿插大量的实践经验提示，实践的指导意义强大。典型场景应用——《ExtJS Web应用程序开发指南(第2版)》在讲述各章内容时穿插了一个对常见Web应用框架使用ExtJs进行改造的实例。Web应用框架是最基本的典型场景应用，每个Web开发者都会遇到。包含了大量ExtJS4.0新特性——《ExtJS Web应用程序开发指南(第2版)》是对第1版的完全升级。对ExtJs40中包含的新特性进行了有重点的详细介绍，是学习ExtJS4.0新特性的指导手册。畅销技术圈书新版，包含ExtJS4最新特性，实用案例丰富，掌握ExtJS开发的必备读物。 《ExtJS Web应用程序开发指南(第2版)》共18章和1个附录，是对第1版的全面升级，增补了大量ExtJS 4.0中的新特性。从基本的ExtJS功能开始讲解RIA Web开发，从而引出用户体验丰富的ExtJS技术。接着通过经典的“Hello World”来快速搭建和配置第一个程序。然后通过4章来详细讲解ExtJS的基本功能，包括：最常用的表单、面板和布局类，常用的工具类与函数，以及ExtJS对事件的响应。《ExtJS Web应用程序开发指南(第2版)》还结合现今流行的Web框架进行改造，将相关技术融合起来应用。Ajax已经逐渐渗透到Web开发的各个方面了，ExtJS能够与其完美结合。讲解完这些提高内容后，《ExtJS Web应用程序开发指南(第2版)》还深入介绍了增强型模板，重要的数据模型，以及ExtJS高级组件。考虑到ExtJS与主流服务端框架的整合越来越紧密，《ExtJS Web应用程序开发指南(第2版)》还特意讲解了Struts和Struts 2框架的整合与配置。最后全面细致地讲解了ExtJS 4.0中新增的主题、图形和图表部分，真正实现完全整合应用ExtJS技术。《ExtJS Web应用程序开发指南(第2版)》语言通俗易懂，版式清新，并通过大量的实例去讲解技术。对于广大的Web程序员，《ExtJS Web应用程序开发指南(第2版)》能帮你找到经典应用的解决方案。对RIA Web应用开发的爱好者，《ExtJS Web应用程序开发指南(第2版)》可以帮你找到进步的阶梯。《ExtJS Web应用程序开发指南(第2版)》可以作为Web开发的自学参考书，也可以作为RIA Web开发的培训教材。