第一部分 Ext JS介绍第1章 独特的框架1.1 认识Ext JS1.1.1 和已有的站点相整合1.1.2 富API文档1.1.3 通过预置的部件进行快速开发1.1.4 与Prototype、jQuery、YUI结合使用以及在AIR中使用1.2 需要知道的事项1.3 框架概览1.3.1 容器和布局一览1.3.2 实际应用中的其他容器1.3.3 网格、DataView和ListView1.3.4 模仿一个TreePanel和叶子1.3.5 表单的输入字段1.3.6 其他部件1.4 Ext JS 3.0的新特性1.4.1 Ext JS通过Direct完成远程操作1.4.2 数据类1.4.3 新的布局1.4.4 网格中ColumnModel的增强1.4.5 ListView1.4.6 Ext JS中新增的图表功能1.5 下载并配置1.5.1 检查SDK的内容1.5.2 第一次配置Ext JS1.5.3 配置Ext JS使用其他框架1.5.4 配置BLANK_IMAGE_URL1.6 测试1.7 小结第2章 基础回顾2.1 正确的开始2.1.1 准备好了再行动2.1.2 由Ext JS来触发2.2 Ext.Element类2.2.1 框架的核心2.2.2 与Ext.Element的第一次亲密接触2.2.3 创建子节点2.2.4 删除子节点2.2.5 Ext.Element与Ajax一起使用2.3 使用Template和XTemplate2.3.1 模板练习2.3.2 用XTemplate循环2.3.3 XTemplate的高级用途2.4 小结第3章 事件、组件和容器3.1 通过Observable管理事件3.1.1 回顾3.1.2 基于DOM的事件3.1.3 DOM中的事件流3.1.4 把泡泡戳破3.1.5 软件驱动的事件3.1.6 注册事件和事件监听器3.2 组件模型3.2.1 XType和组件管理器3.2.2 组件的渲染3.3 组件的生命周期3.3.1 初始化3.3.2 渲染3.3.3 销毁阶段3.4 容器3.4.1 学会掌控子元素3.4.2 查询容器的层次结构3.4.3 Viewport容器3.5 小结第二部分 Ext JS 组件第4章 组件的安身之所4.1 Panel4.1.1 构建一个复杂的面板4.2 弹出窗口4.2.1 进一步探讨窗口的配置选项4.2.2 用MessageBox取代alert和prompt4.2.3 MessageBox的高级技术4.2.4 显示一个动画效果的等待MessageBox4.3 组件也可以放在选项卡面板里4.3.1 记住两个选项4.3.2 构建第一个TabPanel4.3.3 需要知道的选项卡管理方法4.3.4 缺陷与不足4.4 小结第5章 元素的摆放5.1 简单的ContainerLayout5.2 AnchorLayout5.3 FormLayout5.4 AbsoluteLayout5.5 让组件填满整个容器空间5.6 AccordionLayout5.7 CardLayout5.8 ColumnLayout5.9 HBox和VBox布局5.10 TableLayout5.11 BorderLayout5.12 小结第6章 Ext JS的表单6.1 TextField6.1.1 密码和文件选择字段6.1.2 构建TextArea6.1.3 方便的NumberField6.2 ComboBox的预先输入6.2.1 构建一个本地ComboBox6.2.2 使用远程的ComboBox6.2.3 剖析ComboBox6.2.4 定制自己的ComboBox6.2.5 时间6.3 所见即所得6.3.1 构造第一个HtmlEditor6.3.2 解决缺少校验的问题6.4 选择日期6.5 Checkbox和Radio6.6 FormPanel6.7 数据提交和加载6.7.1 传统的提交6.7.2 通过Ajax提交6.7.3 表单的数据加载6.8 小结第三部分 数据驱动的组件第7章 历史悠久的GridPanel7.1 GridPanel简介7.1.1 深入内部7.2 数据存储器快速入门7.2.1 数据存储器的工作方式7.3 构建一个简单的GridPanel7.3.1 配置一个ArrayStore7.3.2 完成第一个GridPanel7.4 高级GridPanel的构造7.4.1 目标7.4.2 用快捷方式创建数据存储器7.4.3 用自定义的渲染器构造ColumnModel7.4.4 配置高级GridPanel7.4.5 为GridPanel配置一个容器7.4.6 加上事件处理7.5 小结第8章 EditorGridPanel8.1 近观EditorGridPanel8.2 构建第一个EditorGridPanel8.3 EditorGridPanel的导航8.4 进入CRUD8.4.1 添加保存和拒绝逻辑8.4.2 保存修改或拒绝修改8.4.3 添加创建和删除8.4.4 使用创建和删除8.5 使用Ext.data.DataWriter8.5.1 走进Ext.data.DataWriter8.5.2 给JsonStore添加DataWriter8.5.3 使用DataWriter8.5.4 自动写数据存储器8.6 小结第9章 DataView和ListView9.1 什么是DataView9.2 构建一个DataView9.2.1 构造数据存储器和XTemplate9.2.2 构建DataView和Viewport9.3 深入ListView9.3.1 把DataView绑定到ListView9.4 整合9.4.1 配置FormPanel9.4.2 应用最后的绑定9.5 小结第10章 图表10.1 定义4种图表10.2 剖析图表10.3 构建一个LineChart10.3.1 ToolTip的定制10.3.2 给x轴和y轴添加标题10.3.3 美化图表内容区10.4 增加多个系列10.4.1 添加图例10.5 构造ColumnChart10.5.1 堆叠柱状图10.5.2 混合使用Line和Column10.6 构造BarChart10.6.1 配置一个BarChart10.7 PieChart的一片10.7.1 自定义的tipRenderer10.8 小结第11章 树11.1 TreePanel11.1.1 分析root11.2 构建第一个TreePanel11.3 动态增长的TreePanel11.3.1 TreePanel11.4 TreePanel的CRUD11.4.1 给TreePanel添加上下文菜单11.4.2 Edit的逻辑11.4.3 实现删除11.4.4 给TreePanel创建节点11.5 小结第12章 菜单、按钮和工具栏12.1 初识菜单12.1.1 构建一个菜单12.1.2 获得和使用图标12.1.3 驾驭疯狂的图标12.1.4 添加子菜单12.1.5 添加分隔栏和TextItem12.1.6 选颜色和选择日期12.1.7 可以勾选的菜单项12.1.8 单选项12.2 按钮的使用12.2.1 构建按钮12.2.2 把菜单和按钮绑在一起12.2.3 SplitButton12.2.4 自定义按钮的布局12.3 对按钮进行分组12.4 工具栏12.5 读取、设置和Ext.Action12.6 小结第四部分 高级Ext第13章 拖放基础13.1 仔细研究拖放13.1.1 拖放的生命周期13.1.2 从上向下观察拖放类13.1.3 关键在于重载13.1.4 拖放总是成组使用的13.2 从简单的开始13.2.1 创建一个小的工作区13.2.2 让元素可以拖曳13.2.3 分析Ext.dd.DD的DOM改变13.2.4 添加用作投放目标的游泳池和热水池13.3 完成拖放13.3.1 添加投放邀请13.3.2 添加有效投放13.3.3 实现无效投放13.4 使用DDProxy13.4.1 使用DDProxy的投放邀请13.5 小结第14章 部件的拖放14.1 快速回顾拖放类14.2 DataView的拖放14.2.1 构造DataView14.2.2 添加拖曳14.2.3 投放14.3 GridPanel的拖放14.3.1 构造GridPanel14.3.2 启用拖曳14.3.3 更好的投放邀请14.3.4 添加投放14.4 TreePanel的拖放14.4.1 构造TreePanel14.4.2 启用拖放14.4.3 使用灵活的约束14.5 小结第15章 扩展和插件15.1 Ext JS的继承15.1.1 JavaScript的继承15.1.2 Ext JS的扩展15.2 扩展Ext JS的组件15.2.1 设想实现结果15.2.2 扩展GridPanel15.2.3 扩展实战15.2.4 扩展的局限性15.3 插件15.3.1 健壮的插件设计模式15.3.2 开发一个插件15.3.3 插件实践15.4 小结第五部分 构建应用程序第16章 可重用的开发16.1 面向未来的开发16.1.1 命名空间16.1.2 命名空间的分段16.1.3 大型应用程序的命名空间分段16.2 分析应用需求16.2.1 可重用性的提取16.2.2 Dashboard界面16.2.3 Manage Departments界面16.2.4 Manage Employees界面16.3 构造ChartPanel组件16.3.1 ChartPanelBaseCls16.3.2 CompanySnapshot类16.3.3 DepartmentBreakdown类16.4 构造列表面板组件16.4.1 ListPanelBaseCls16.4.2 DepartmentListView和EmployeeList类16.5 构造EmployeeGridPanel类16.6 EmployeeAssociationWindow类16.7 form命名空间16.7.1 FormPanelBaseCls类16.7.2 DepartmentForm类16.7.3 EmployeeForm类16.8 小结第17章 应用层17.1 开发应用程序命名空间17.1.1 回顾应用程序界面17.1.2 设计应用程序的命名空间17.2 构造Dashboard 界面17.3 Manage Employees界面17.3.1 讨论工作流程17.3.2 构造Employee Manager17.4 Manage Departments界面17.4.1 导航和部门CRUD工作流17.4.2 员工CRUD工作流17.4.3 员工调动工作流17.5 整合17.5.1 工作区工作流17.5.2 构造工作区单体17.6 小结……
展开
