精通JS脚本之ExtJS框架

第1章 JavaScript入门必备
1.1 JavaScript语言概述
1.1.1 JavaScript简介
1.1.2 JavaScript特点
1.1.3 JavaScript与Java
1.2 第一个JavaScript程序
1.2.1 嵌入JavaScript
1.2.2 链接外部JavaScript文件
1.2.3 注意事项
1.3 基础语法
1.3.1 数据类型
1.3.2 变量与常量
1.3.3 运算符
1.4 流程控制语句
1.4.1 if条件语句
1.4.2 switch条件语句
1.4.3 while循环语句
1.4.4 do while循环语句
1.4.5 for循环语句
1.4.6 for in循环语句
1.4.7 try catch finally语句
1.4.8 其他语句
第2章 JavaScript浏览器对象模型与事件处理
2.1 浏览器对象模型
2.1.1 文档对象
2.1.2 表单及其元素对象
2.1.3 浏览器信息对象
2.1.4 窗口对象
2.1.5 网址对象
2.1.6 历史记录对象
2.2 基本事件处理
2.3 2级DOM事件模型
2.3.1 事件传播
2.3.2 注册事件处理程序
2.3.3 event对象
2.4 常用事件
2.4.1 键盘事件
2.4.2 鼠标事件
2.4.3 页面事件
第3章 开始使用ExtJS
3.1 ExtJS概述
3.1.1 ExtJS简介
3.1.2 ExtJS中的基本概念
3.1.3 ExtJS与常见JavaScript库的介绍与对比
3.2 创建第一个程序
3.2.1 下载ExtJS
3.2.2 部署到开发工具中
3.2.3 编写HelloWorld.html
3.2.4 运行调试ExtJS
3.3 辅助开发
3.3.1 调试工具Firebug
3.3.2 开发利器Spket
第4章 ExtJS事件机制
4.1 设计模式——观察者模式
4.2 自定义事件
4.3 浏览器事件
4.4 ExtJS中的事件
4.4.1 Function.call()/apply()方法
4.4.2 函数的作用域
4.4.3 Ext.lib.Event事件
4.4.4 Ext.util.Observable事件
4.4.5 Ext.EventManager事件
4.4.6 Ext.EventObject事件
4.5 各种事件登记方式
4.5.1 传统式登记
4.5.2 内联式登记
4.5.3 Dom Level2登记
4.6 高级组件事件
4.7 ExtJS键盘事件
第5章 ExtJS组件
5.1 核心组件
5.1.1 ExtJS组件结构
5.1.2 Ext.Component
5.1.3 Ext.BoxComponent
5.1.4 Ext.Container
5.1.5 Ext.Panel
5.1.6 Ext.TabPanel
5.2 信息提示框组件
5.2.1 Ext.MessageBox简介
5.2.2 Ext.MessageBox.alert()
5.2.3 Ext.MessageBox.confirm()
5.2.4 Ext.MessageBox.prompt()
5.2.5 Ext.MessageBox.wait()
5.2.6 Ext.MessageBox.show()
5.2.7 Ext.MessageBox的其他功能
5.3 进度条组件
5.3.1 Ext.ProgressBar简介
5.3.2 手工模式的进度条
5.3.3 自动模式的进度条
5.3.4 自定义样式的进度条
5.4 工具栏和菜单栏
5.4.1 Ext.Toolbar简介
5.4.2 只包含按钮的简单工具栏
5.4.3 包含多种元素的复杂工具栏
5.4.4 Ext.menu.Menu简介
5.4.5 最简单的菜单栏
5.4.6 创建三级或多级菜单
5.4.7 具有选择框的菜单
第6章 页面元素与模板
6.1 构成用户界面的元素
6.2 获取页面元素
6.3 元素常见的使用方法
6.3.1 常见的“显示/隐藏”方法
6.3.2 常见的“内容控制”方法
6.3.3 常见的“操控DOM”方法
6.3.4 常见的“尺寸大小/定位”方法
6.3.5 常见的“特效动画”方法
6.3.6 DomHelper简介
6.4 DomQuery入门
6.4.1 元素选择符Selector
6.4.2 属性选择符Attributes Selectors
6.4.3 CSS值元素选择符
6.4.4 Ext.query与Ext.select
6.5 应用模板
6.5.1 Ext.Template
6.5.2 Ext.XTemplate
第7章 设计表单类布局
7.1 Form表单简介
7.1.1 Form表单的基本配置
7.1.2 ExtJS对Form表单的封装
7.2 ExtJS的表单组件
7.2.1 文本输入控件Ext.form.TextField
7.2.2 多行文本输入控件Ext.form.TextArea
7.2.3 单选框
7.2.4 复选框
7.2.5 下拉列表框
7.2.6 日期输入控件Ext.form.DateField
7.2.7 在线编辑器Ext.form.HtmlEditor
7.3 ExtJS表单组件的综合应用
第8章 设计表格类布局
8.1 表格简介
8.1.1 表格的基本属性
8.1.2 制作第一个表格
8.2 表格常用功能详解
8.2.1 主要属性功能
8.2.2 自定义列宽度
8.2.3 执行按列排序
8.2.4 解决中文排序
8.2.5 格式化显示日期类型数据
8.3 美化表格
8.4 设置表格背景颜色
8.5 显示行号和复选框
8.5.1 显示行号
8.5.2 引用复选框
第9章 表格的高级功能
9.1 表格视图——Ext.grid.GridView
9.2 表格分页
9.2.1 添加表格分页显示工具条
9.2.2 从后台脚本获得分页数据
9.2.3 在表格顶部显示分页工具条
9.2.4 实现前台分页效果
9.3 可编辑表格控件——EditorGrid
9.3.1 制作第一个EditorGrid
9.3.2 添加一行数据
9.3.3 保存修改结果
9.3.4 验证EditGrid中的数据
9.3.5 限制输入数据的类型
9.4 PropertyGrid属性表格控件
9.4.1 PropertyGrid简介
9.4.2 只读的PropertyGrid
9.4.3 对name列强制排序并获得value
9.4.4 自定义编辑器
9.5 分组表格控件——Group
9.5.1 分组表格简介
9.5.2 Ext.grid.GroupingView的配置操作
9.6 可拖放的表格
9.6.1 拖放改变表格的大小
9.6.2 在同一个表格里拖放
9.6.3 表格之间的拖放
9.6.4 表格与树之间的拖放
第10章 设计树状结构布局
10.1 TreePanel的基本使用
10.1.1 创建一棵树
10.1.2 为树生枝展叶
10.1.3 树形的配置
10.1.4 使用TreeLoader获得数据
10.1.5 读取本地JSON数据
10.2 树的事件
10.3 右键菜单
10.4 修改节点的默认图标
10.5 从节点弹出对话框
10.6 节点提示信息
10.7 为节点设置超链接
10.8 树形的拖放
10.8.1 节点拖放的3种形式
10.8.2 叶子不能append
10.8.3 判断拖放的目标
10.8.4 树之间的拖放
10.9 树形过滤器TreeFilter
10.10 利用TreeSorter对树进行排序
10.11 树形节点视图——Ext.tree.TreeNodeUI
10.12 表格与树形的结合——Ext.ux.tree.ColumnTree
第11章 其他布局类简介
11.1 标准布局类
11.1.1 折叠布局——AccordionLayout
11.1.2 边框布局——BorderLayout
11.1.3 卡片式布局——CardLayout
11.1.4 列布局——ColoumnLayout
11.1.5 锚点布局——AnchorLayout
11.1.6 自适应布局——FitLayout
11.1.7 ContainerLayout
11.2 与布局有关的其他知识
11.2.1 父类Ext.Container公共配置与xtype的概念
11.2.2 使用Viewport
11.2.3 实现表单元素横排
第12章 ExtJS对Ajax的支持
12.1 Ext.Ajax介绍
12.1.1 Ext.Ajax.request方法详解
12.1.2 Ext.Ajax.request操作示例
12.1.3 Ext.Ajax.request提交XML数据
12.2 Ext.Updater基础
12.2.1 Ext.Updater.update方法
12.2.2 Ext.Updater.update操作示例
12.3 利用Ajax优化Web应用框架
12.3.1 多级联动菜单
12.3.2 Ajax修改用户密码
12.3.3 自动保存的网络记事本
12.3.4 网页计算器
第13章 设计数据驱动模式
13.1 XML/JSON数据格式比较
13.2 容器类MixedCollection
13.3 数据存储基本单元Record与dataField
13.3.1 dataField
13.3.2 Record
13.4 数据存储store
13.4.1 数据载入
13.4.2 对数据进行排序
13.4.3 从store 中获取数据
13.4.4 更新store 中的数据
13.4.5 加载及显示数据
13.5 数据代理
13.5.1 Ext.data.DataProxy
13.5.2 Ext.data.MemoryProxy
13.5.3 Ext.data.HttpProxy
13.5.4 Ext.data.ScriptTagProxy
13.6 数据读取器
13.6.1 Ext.data.DataReader
13.6.2 Ext.data.ArrayReader
13.6.3 Ext.data.JsonReader
13.6.4 Ext.data.XmlReader
13.7 Ext.ux.DWR
13.7.1 Ext.data.DwrProxy
13.7.2 Ext.data.DWRTreeLoader
13.7.4 Web服务端配置
13.7.5 服务层接口
第14章 ExtJS扩展
14.1 利用Ext.extend实现继承
14.2 与ExtJS扩展相关的预备知识
14.2.1 定义命名空间
14.2.2 使用xtype
14.3 用户扩展和插件
14.3.1 编写自定义用户扩展
14.3.2 常用插件UploadDialog
14.3.3 常用插件ManagedIFrame
14.4 使用ExtJS制作Flash统计报表
14.4.1 柱状图
14.4.2 折线图
14.4.3 饼状图
14.4.4 柱状栈图
第15章 调试JavaScript与HTML
15.1 Firebug的基本使用
15.1.1 开启或关闭Firebug
15.1.2 控制台
15.2 Firebug的应用
15.2.1 源代码调试
15.2.2 CSS调试
15.2.3 脚本调试
15.3 跟踪网络传输状态
15.4 在脚本文件中加入调试命令
15.5 在IE中使用Firebug
15.5.1 前端调试利器DebugBar
15.5.2 IE下的优秀JavaScript调试工具Companion.JS
15.5.3 DebugBar和Companion.JS的基本操作
15.6 调试技巧
15.6.1 在Firebug中直接调试脚本
15.6.2 调试代码运行速度
15.6.3 查看对象属性
第16章 ExtJS案例：商品信息管理系统
16.1 商品信息管理系统功能介绍
16.2 数据库设计和实现
16.2.1 数据库概念结构设计
16.2.2 数据库表设计
16.3 为项目做好准备
16.4 登录界面
16.5 栏目加载
16.6 为项目换肤
16.7 商品信息管理
16.7.1 商品信息的查询
16.7.2 商品信息的添加
16.7.3 商品信息的删除
16.7.4 商品信息的更新
第17章 ExtJS案例：企业任务管理系统
17.1 系统概述
17.2 需求分析
17.3 数据库设计
17.4 员工任务管理
17.4.1 个人任务处理
17.4.2 个人资料编辑
17.5 主管任务管理
17.5.1 部门计划处理
17.5.2 部门人员管理
17.6 系统管理员权限分配