精通JS脚本之ExtJS框架pdf

精通JS脚本之ExtJS框架 内容简介

《精通JS脚本之ExtJS框架》由浅入深地讲解了ExtJS在Web开发中的相关技术。《精通JS脚本之ExtJS框架》共分17章，分别介绍了JavaScript的对象编程、JavaScript浏览器对象模型和事件机制、ExtJS的核心类库和组件、ExtJS的事件处理方式、设计进度条、设计工具栏和菜单栏、设计面板、设计表格、设计表单、设计数据表、对Ajax的支持以及如何调试等。最后利用一个商品信息管理系统和一个企业任务管理系统，向读者演示了ExtJS在实际项目中的应用以及实现流程。《精通JS脚本之ExtJS框架》附有配套光盘，提供了书中实例的源代码和视频教学文件。此外，读者还可以通过访问itzcn网站来获得即时在线帮助。

《精通JS脚本之ExtJS框架》可以作为Web开发的自学参考书，也可以作为RIA Web程序开发的培训教材。

精通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 系统管理员权限分配

精通JS脚本之ExtJS框架 精彩文摘

1.简单性

JavaScript是一种脚本语言，它采用小程序段的方式实现编程。JavaScript也是一种解释性语言，它的基本结构形式与C、C#、VB等十分类似，但它不需要编译，而是在程序运行过程中被逐行地解释。

2.基于对象

JavaScript是基于对象的语言，它可以运用自己己经创建的对象以及对象方法实现许多功能。

3.动态性

JavaScript是动态的，它以事件驱动的方式直接对用户的输入做出响应。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，就称为“事件”。当事件发生后，可能会引起相应的事件响应。