ExtJS Web应用程序开发指南【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

ExtJS Web应用程序开发指南PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 认识ExtJS1

1.1 ExtJS的精彩表现1

1.2 ExtJS的前世今生2

1.3 是否真的需要学习ExtJS3

1.4 ExtJS UI组件基础7

1.5 了解一下类似技术9

1.6 本章小结12

第2章 让我们开始ExtJS之旅13

2.1 认识ExtJS的开发包13

2.2 也从Hello world开始14

2.3 ExtJS中的基本概念15

2.4 非常有用的开发工具17

2.4.1 开发插件spket17

2.4.2 调试工具19

2.5 ExtJS对原有JavaScript对象的扩展21

2.6 本章小结24

第3章 ExtJS 2.0的基本功能25

3.1 ExtJS 2.0组件配置说明25

3.1.1 JSON介绍25

3.1.2 ExtJS组件配置方式介绍26

3.2 信息提示框组件基础27

3.2.1 认识Ext.MessageBox27

3.2.2 Ext.MessageBox.alert()29

3.2.3 Ext.MessageBox.confirm()30

3.2.4 Ext.MessageBox.prompt()31

3.2.5 Ext.MessageBox.wait()32

3.2.6 Ext.MessageBox.show()32

3.2.7 Ext.MessageBox的其他功能34

3.3 进度条组件介绍38

3.3.1 认识Ext.ProgressBar38

3.3.2 手工模式的进度条40

3.3.3 自动模式的进度条41

3.3.4 自定义的进度条样式43

3.4 实现工具栏和菜单栏43

3.4.1 认识Ext.Toolbar44

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

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

3.4.4 认识Ext.menu.Menu菜单48

3.4.5 最简单的菜单栏49

3.4.6 创建二级或多级菜单50

3.4.7 使用适配器（Ext.menu.Adapter）51

3.4.8 具有选择框的菜单52

3.5 本章小结53

第4章 最常用的表单54

4.1 表单及表单元素54

4.1.1 了解Ext.form.BasicForm基本表单54

4.1.2 认识Ext.form.FormPanel表单面板56

4.1.3 Ext.form.Field表单字段58

4.1.4 Ext.form.TextField文本区60

4.1.5 Ext.form.TextArea多行文本域62

4.1.6 Ext.form.NumberField数字输入框63

4.1.7 Ext.form.Checkbox复选框65

4.1.8 Ext.form.Radio单选框65

4.1.9 Ext.form.TriggerField触发字段68

4.1.10 Ext.form.ComboBox组合框69

4.1.11 Ext.form.TimeField时间选择框78

4.1.12 Ext.form.DateField日期选择框80

4.1.13 Ext.form.Hidden隐藏字段83

4.1.14 Ext.form.HtmlEditor HTML编辑器84

4.1.15 Ext.form.FieldSet字段集88

4.2 实现表单验证89

4.2.1 常见的验证类型89

4.2.2 表单验证（VType）90

4.2.3 自定义VType验证91

4.3 表单的提交和加载93

4.3.1 Ext.form.Action基础94

4.3.2 表单数据加载95

4.3.3 表单数据提交97

4.4 本章小结99

第5章 面板及布局类100

5.1 面板panel100

5.1.1 认识Ext.Panel100

5.1.2 Ext.Panel的主要功能101

5.1.3 使用Ext.Panel104

5.2 标准布局类109

5.2.1 ContainerLayout容器布局109

5.2.2 FitLayout自适应布局110

5.2.3 AccordionLayout折叠布局111

5.2.4 CardLayout卡片式布局112

5.2.5 AnchorLayout锚点布局114

5.2.6 AbsoluteLayout绝对位置布局118

5.2.7 FormLayout表单布局119

5.2.8 ColumnLayout列布局120

5.2.9 TableLayout表格布局123

5.2.10 BorderLayout边框布局124

5.3 使用ViewPort126

5.4 TabPanel页签127

5.5 通过布局嵌套实现表单元素横排131

5.6 本章小结133

第6章 常用工具类与函数134

6.1 非常有用的Element元素134

6.2 Ext常用函数135

6.2.1 Ext.onReady()135

6.2.2 Ext.get()136

6.2.3 Ext.select()137

6.2.4 Ext.query()137

6.2.5 Ext.getCmp()140

6.2.6 Ext.getDom()141

6.2.7 Ext.isEmpty()142

6.2.8 Ext.namespace()143

6.2.9 Ext.each()143

6.2.10 Ext.apply()144

6.3 Ext.DomHelper145

6.3.1 Ext.DomHepler.append145

6.3.2 Ext.DomHelper.applyStyles()146

6.3.3 createTemplate()147

6.3.4 insertAfter()148

6.3.5 insertBefore()149

6.3.6 insertFirst()149

6.3.7 insertHtml()150

6.3.8 overwrite()151

6.4 Ext.DomQuery152

6.4.1 compile()152

6.4.2 filter()152

6.4.3 is()153

6.4.4 select()153

6.4.5 selectNode()153

6.5 Ext.util.CSS154

6.5.1 createStyleSheet()155

6.5.2 getRule()155

6.5.3 swapStyleSheet()155

6.5.4 removeStyleSheet()157

6.6 Ext.util.ClickRepeater158

6.6.1 click()159

6.6.2 mousedown()159

6.6.3 mouseup()159

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

6.7.1 canelc()160

6.7.2 delay()161

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

6.8.1 ellipsis()161

6.8.2 capitalize()161

6.8.3 date()162

6.8.4 htmlEncode()162

6.8.5 htmlDecode()162

6.8.6 stripTags()163

6.8.7 substr()163

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

6.9.1 decode()164

6.9.2 encode()164

6.10 Ext.util.MixedCollection165

6.10.1 加入对象到集合165

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

6.10.3 移除集合中的对象166

6.10.4 克隆集合167

6.10.5 匹配集合中的关联对象167

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

6.10.7 获取集合中的对象168

6.10.8 类中的其他有用方法169

6.10.9 类中重要的事件171

6.11 Ext.util.TaskRunner172

6.11.1 构造函数172

6.11.2 启动一个线程start()173

6.11.3 停止一个线程stop()173

6.11.4 停止所有的线程stopAll()173

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

6.12.1 块的绑定174

6.12.2 实例化对象174

6.12.3 获取文本的高度175

6.12.4 获取文本的宽、高175

6.12.5 获取文本的宽度175

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

6.12.7 指定文本块的宽176

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

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

6.13.2 废弃原有键盘绑定178

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

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

6.14.1 构造函数179

6.14.2 给对象添加键盘绑定179

6.14.3 废弃已绑定到KeyMap的配置180

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

6.14.5 取当前KeyMap配置是否有效180

6.14.6 事件绑定函数181

6.15 本章小结181

第7章 ExtJS开始响应事件182

7.1 ExtJS事件与浏览器标准事件的异同182

7.1.1 事件绑定方式182

7.1.2 自定义事件184

7.1.3 跨浏览器事件185

7.2 ExtJS事件特性186

7.2.1 Ext.util.Observable（事件基类）186

7.2.2 事件相关方法举例188

7.3 Ext.EventObject（事件对象）189

7.4 Ext.EventManager事件管理器191

7.5 本章小结192

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

8.1 常见Web应用框架说明193

8.2 简易书籍管理系统193

8.2.1 总体设计193

8.2.2 数据库设计193

8.2.3 数据库脚本194

8.2.4 工程框架设计195

8.2.5 页面设计203

8.3 怎样开始205

8.3.1 页面改造205

8.3.2 与服务器交互方式的改造205

8.4 开始改造205

8.4.1 改造主页面布局205

8.4.2 改造菜单栏207

8.4.3 改造书籍维护界面208

8.4.4 改造书籍新增界面212

8.4.5 改造书籍修改界面219

8.4.6 改造书籍删除功能221

8.5 换肤的实现223

8.5.1 ExtJS皮肤的安装223

8.5.2 创建实现换肤功能的自定义组件Ext.ux.ThemeChange223

8.5.3 修改菜单列表加入换肤组件224

8.5.4 查看换肤效果225

8.6 本章小结225

第9章 ExtJS对Ajax的支持226

9.1 Ext.Ajax入门226

9.1.1 Ext.Ajax.request方法详解226

9.1.2 Ext.Ajax.request操作示例227

9.2 Ext.Updater基础232

9.2.1 Ext.Updater相关的其他类234

9.2.2 Ext.Updater.update方法详解235

9.2.3 Ext.Updater.update操作示例235

9.2.4 Ext.Updater其他方法示例238

9.3 利用Ajax优化Web应用框架239

9.3.1 多级联动菜单239

9.3.2 天气情况查询242

9.3.3 自动保存的网络记事本246

9.3.4 网页计算器248

9.4 本章小结251

第10章 增强型模板252

10.1 熟悉Ext.Template252

10.2 Ext.XTemplate基础256

10.2.1 自动填充数组和作用域切换256

10.2.2 在子模板中访问父对象257

10.2.3 数组索引和简单运算支持258

10.2.4 自动渲染简单数组259

10.2.5 使用基本的条件逻辑判断259

10.2.6 在模板中执行任意代码260

10.2.7 使用模板成员函数262

10.3 在ExtJS组件中使用模板263

10.4 使用模板的优势264

10.5 在Web中使用模板265

10.6 本章小结266

第11章 数据模型267

11.1 ExtJS数据模型基础267

11.2 Record数据记录267

11.3 DataProxy数据代理269

11.3.1 Ext.data.DataProxy270

11.3.2 Ext.data.HttpProxy270

11.3.3 Ext.data.MemoryProxy272

11.3.4 Ext.data.ScriptTagProxy273

11.4 DataReader数据解析器275

11.4.1 Ext.data.DataReader275

11.4.2 Ext.data.JsonReader275

11.4.3 Ext.data.ArrayReader278

11.4.4 Ext.data.XmlReader279

11.5 Store数据集281

11.5.1 Ext.data.Store282

11.5.2 Ext.data.SimpleStore287

11.5.3 Ext.data.JsonStore288

11.5.4 Ext.data.GroupingStore289

11.6 自定义DWR数据代理291

11.7 本章小结293

第12章 ExtJS组件294

12.1 Ext.Component组件类294

12.2 Ext.BoxComponent组件类297

12.3 Ext.Container组件容器类298

12.4 Ext表格组件Grid300

12.4.1 普通表格面板GridPanel301

12.4.2 表格列模式ColumnModel303

12.4.3 表格选择模式SelectionModel308

12.4.4 表格视图GridView313

12.4.5 可编辑表格面板EditorGridPanel316

12.4.6 属性表格面板PropertyGrid318

12.4.7 分组表格视图GroupingView321

12.4.8 表格分页及其他323

12.5 Ext树形组件Tree325

12.5.1 树形面板TreePanel326

12.5.2 树节点TreeNode328

12.5.3 树节点UI334

12.5.4 树选择模式SelectionModel335

12.5.5 树加载器TreeLoader338

12.5.6 树编辑器TreeEditor340

12.5.7 树排序TreeSorter341

12.6 继承函数Ext.extend343

12.7 组件功能扩展344

12.8 使用插件扩展组件功能346

12.9 自定义组件348

12.9.1 文件上传表单字段组件348

12.9.2 静态文本表单字段组件352

12.10 其他非官方优秀组件353

12.11 本章小结355

第13章 ExtTLD356

13.1 ExtTLD标签库基础356

13.1.1 ExtTLD标签库获取356

13.1.2 ExtTLD的部署356

13.2 从Hello World学ExtTLD357

13.3 实现FORM表单358

13.3.1 简单表单字段示例358

13.3.2 下拉框字段示例360

13.4 实现GRID表格362

13.4.1 gridExtTLD简单表格示例363

13.4.2 gridExtTLD可编辑表格示例364

13.4.3 gridExtTLD分组表格示例365

13.5 实现TREE树366

13.5.1 简单tree示例367

13.5.2 访问远程数据示例367

13.6 本章小结368

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

14.1 XML与JSON的生成369

14.1.1 XStream基础369

14.1.2 JSON-lib简介373

14.2 ExtJS与Struts的整合方式375

14.3 ExtJS与Struts2的整合方式379

14.3.1 Struts2生成JSON数据379

14.3.2 Struts2生成XML数据382

14.4 本章小结383

第15章 ExtJS Web Portal384

15.1 什么是Portal384

15.2 现有Portal的实现技术384

15.2.1 Pluto384

15.2.2 Liferay385

15.2.3 Jetspeed385

15.2.4 eXo386

15.2.5 JPortal387

15.2.6 Ext Portal387

15.3 Ext Portal的实现388

15.3.1 Ext Portal的各种组件389

15.3.2 Ext Portal的拖拽机制404

15.3.3 Ext Portal的Column管理407

15.3.4 Ext Portal的标签页的管理408

15.3.5 Ext Portal的状态请求管理412

15.3.6 Ext Portal的持久化管理416

15.3.7 后台处理程序426

15.3.8 Ext Portal的二次开发436

15.4 本章小结438

附录439