精通JS脚本之ExtJS框架PDF电子书下载

第1章JavaScript入门必备 1

1.1 JavaScript语言概述 2

1.1.1 JavaScript简介 2

1.1.2 JavaScript特点 3

1.1.3 JavaScript与Java 3

1.2第一个JavaScript程序 5

1.2.1嵌入JavaScript 5

1.2.2链接外部JavaScript文件 6

1.2.3注意事项 6

1.3基础语法 8

1.3.1数据类型 8

1.3.2变量与常量 9

1.3.3运算符 11

1.4流程控制语句 13

1.4.1 if条件语句 13

1.4.2 switch条件语句 17

1.4.3 while循环语句 21

1.4.4 do while循环语句 21

1.4.5 for循环语句 22

1.4.6 for in循环语句 23

1.4.7 try catch finally语句 24

1.4.8其他语句 26

第2章JavaScript浏览器对象模型与事件处理 28

2.1浏览器对象模型 29

2.1.1文档对象 29

2.1.2表单及其元素对象 32

2.1.3浏览器信息对象 35

2.1.4窗口对象 36

2.1.5网址对象 38

2.1.6历史记录对象 40

2.2基本事件处理 41

2.3 2级DOM事件模型 42

2.3.1事件传播 42

2.3.2注册事件处理程序 43

2.3.3 event对象 44

2.4常用事件 46

2.4.1键盘事件 46

2.4.2鼠标事件 47

2.4.3页面事件 48

第3章 开始使用ExtJS 50

3.1 ExtJS概述 51

3.1.1 ExtJS简介 51

3.1.2 ExtJS中的基本概念 51

3.1.3 ExtJS与常见JavaScript库的介绍与对比 52

3.2创建第一个程序 54

3.2.1下载ExtJS 54

3.2.2部署到开发工具中 55

3.2.3编写HelloWorld.html 55

3.2.4运行调试ExtJS 56

3.3辅助开发 56

3.3.1调试工具Firebug 56

3.3.2开发利器Spket 61

第4章ExtJS事件机制 68

4.1设计模式——观察者模式 69

4.2自定义事件 69

4.3浏览器事件 71

4.4 ExtJS中的事件 73

4.4.1 Function.call（）/apply（）方法 73

4.4.2函数的作用域 75

4.4.3 Ext.lib.Event事件 75

4.4.4 Ext.util.Observable事件 76

4.4.5 Ext.EventManager事件 79

4.4.6 Ext.EventObject事件 82

4.5各种事件登记方式 85

4.5.1传统式登记 85

4.5.2内联式登记 85

4.5.3 Dom Leve12登记 86

4.6高级组件事件 86

4.7 ExtJS键盘事件 88

第5章 ExtJS组件 90

5.1核心组件 91

5.1.1 ExtJS组件结构 91

5.1.2 Ext.Component 93

5.1.3 Ext.BoxComponent 94

5.1.4 Ext.Container 96

5.1.5 Ext.Panel 97

5.1.6 Ext.TabPanel 100

5.2信息提示框组件 102

5.2.1 Ext.MessageBox简介 102

5.2.2 Ext.MessageBox.alert（） 102

5.2.3 Ext.MessageBox.confirm（） 103

5.2.4 Ext.MessageBox.prompt（） 103

5.2.5 Ext.MessageBox.wait（） 105

5.2.6 Ext.MessageBox.show（） 105

5.2.7 Ext.MessageBox的其他功能 106

5.3进度条组件 107

5.3.1 Ext.ProgressBar简介 107

5.3.2手工模式的进度条 108

5.3.3自动模式的进度条 109

5.3.4自定义样式的进度条 111

5.4工具栏和菜单栏 112

5.4.1 Ext.Toolbar简介 112

5.4.2只包含按钮的简单工具栏 113

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

5.4.4 Ext.menu.Menu简介 116

5.4.5最简单的菜单栏 116

5.4.6创建三级或多级菜单 117

5.4.7具有选择框的菜单 119

第6章 页面元素与模板 121

6.1构成用户界面的元素 122

6.2获取页面元素 122

6.3元素常见的使用方法 123

6.3.1常见的“显示／隐藏”方法 124

6.3.2常见的“内容控制”方法 125

6.3.3常见的“操控 DOM”方法 126

6.3.4常见的“尺寸大小／定位”方法 128

6.3.5常见的“特效动画”方法 129

6.3.6 DomHelper简介 130

6.4 DomQuery入门 131

6.4.1元素选择符Selector 131

6.4.2属性选择符Attributes Selectors 132

6.4.3 CSS值元素选择符 132

6.4.4 Ext.query与Ext.select 133

6.5应用模板 133

6.5.1 Ext.Template 133

6.5.2 Ext.XTemplate 135

第7章 设计表单类布局 137

7.1 Form表单简介 138

7.1.1 Form表单的基本配置 138

7.1.2 ExtJS对Form表单的封装 141

7.2 ExtJS的表单组件 145

7.2.1文本输入控件Ext.form.TextField 145

7.2.2多行文本输入控件Ext.form.TextArea 148

7.2.3单选框 150

7.2.4复选框 152

7.2.5下拉列表框 155

7.2.6日期输入控件Ext.form.DateField 158

7.2.7在线编辑器Ext.form.HtmIEditor 159

7.3 ExtJS表单组件的综合应用 161

第8章 设计表格类布局 167

8.1表格简介 168

8.1.1表格的基本属性 168

8.1.2制作第一个表格 170

8.2表格常用功能详解 174

8.2.1主要属性功能 174

8.2.2自定义列宽度 177

8.2.3执行按列排序 180

8.2.4解决中文排序 180

8.2.5格式化显示日期类型数据 184

8.3美化表格 185

8.4设置表格背景颜色 188

8.5显示行号和复选框 190

8.5.1显示行号 190

8.5.2引用复选框 193

第9章 表格的高级功能 194

9.1表格视图——Ext.grid.GridView 195

9.2表格分页 198

9.2.1添加表格分页显示工具条 198

9.2.2从后台脚本获得分页数据 199

9.2.3在表格顶部显示分页工具条 202

9.2.4实现前台分页效果 203

9.3可编辑表格控件——EditorGrid 204

9.3.1制作第一个EditorGrid 205

9.3.2添加一行数据 207

9.3.3保存修改结果 212

9.3.4验证EditGrid中的数据 214

9.3.5限制输入数据的类型 219

9.4 PropertyGrid属性表格控件 223

9.4.1 PropertyGrid简介 223

9.4.2只读的PropertyGrid 224

9.4.3对name列强制排序并获得value 224

9.4.4自定义编辑器 226

9.5分组表格控件——Group 227

9.5.1分组表格简介 227

9.5.2 Ext.grid.GroupingView的配置操作 229

9.6可拖放的表格 231

9.6.1拖放改变表格的大小 231

9.6.2在同一个表格里拖放 233

9.6.3表格之间的拖放 235

9.6.4表格与树之间的拖放 238

第10章 设计树状结构布局 241

10.1 TreePanel的基本使用 242

10.1.1创建一棵树 242

10.1.2为树生枝展叶 243

10.1.3树形的配置 245

10.1.4使用TreeLoader获得数据 248

10.1.5读取本地JSON数据 251

10.2树的事件 253

10.3右键菜单 256

10.4修改节点的默认图标 261

10.5从节点弹出对话框 262

10.6节点提示信息 264

10.7为节点设置超链接 266

10.8树形的拖放 267

10.8.1节点拖放的3种形式 267

10.8.2叶子不能append 268

10.8.3判断拖放的目标 269

10.8.4树之间的拖放 272

10.9树形过滤器TreeFilter 275

10.10利用TreeSorter对树进行排序 281

10.11树形节点视图——Ext.tree.TreeNodeUI 282

10.12表格与树形的结合——Ext.ux.tree.ColumnTree 284

第11章 其他布局类简介 289

11.1标准布局类 290

11.1.1折叠布局——AccordionLayout 291

11.1.2边框布局——BorderLayout 292

11.1.3卡片式布局——CardLayout 294

11.1.4列布局——ColoumnLayout 296

11.1.5锚点布局——AnchorLayout 300

11.1.6自适应布局——FitLayout 302

11.1.7 ContainerLayout 303

11.2与布局有关的其他知识 304

11.2.1父类Ext.Container公共配置与xtype的概念 305

11.2.2使用Viewport 306

11.2.3实现表单元素横排 307

第12章ExtJS对Ajax的支持 310

12.1 Ext.Ajax介绍 311

12.1.1 Ext.Ajax.request方法详解 311

12.1.2 Ext.Ajax.request操作示例 312

12.1.3 Ext.Ajax.request提交XML数据 314

12.2 Ext.Updater基础 315

12.2.1 Ext.Updater.update方法 316

12.2.2 Ext.Updater.update操作示例 318

12.3利用Ajax优化Web应用框架 321

12.3.1多级联动菜单 321

12.3.2 Ajax修改用户密码 323

12.3.3自动保存的网络记事本 325

12.3.4网页计算器 326

第13章 设计数据驱动模式 330

13.1 XML/JSON数据格式比较 331

13.2容器类MixedCollection 332

13.3数据存储基本单元Record与dataField 333

13.3.1 dataField 335

13.3.2 Record 335

13.4数据存储store 337

13.4.1数据载入 337

13.4.2对数据进行排序 340

13.4.3从store中获取数据 341

13.4.4更新store中的数据 342

13.4.5加载及显示数据 344

13.5数据代理 345

13.5.1 Ext.data.DataProxy 345

13.5.2 Ext.data.MemoryProxy 346

13.5.3 Ext.data.HttpProxy 347

13.5.4 Ext.data.ScriptTagProxy 347

13.6数据读取器 349

13.6.1 Ext.data.DataReader 349

13.6.2 Ext.data.ArrayReader 349

13.6.3 Ext.data.JsonReader 349

13.6.4 Ext.data.XmIReader 350

13.7 Ext.ux.DWR 352

13.7.1 Ext.data.DwrProxy 352

13.7.2 Ext.data.DWRTreeLoader 354

13.7.4 Web服务端配置 355

13.7.5服务层接口 356

第14章 ExtJS扩展 358

14.1利用Ext.extend实现继承 359

14.2与ExtJS扩展相关的预备知识 363

14.2.1定义命名空间 364

14.2.2使用xtype 365

14.3用户扩展和插件 366

14.3.1编写自定义用户扩展 367

14.3.2常用插件UploadDialog 368

14.3.3常用插件ManagedIFrame 369

14.4使用ExtJS制作Flash统计报表 370

14.4.1柱状图 370

14.4.2折线图 372

14.4.3饼状图 373

14.4.4柱状栈图 374

第15章 调试JavaScript与HTML 376

15.1 Firebug的基本使用 377

15.1.1开启或关闭Firebug 377

15.1.2控制台 378

15.2 Firebug的应用 379

15.2.1源代码调试 380

15.2.2 CSS调试 386

15.2.3脚本调试 389

15.3跟踪网络传输状态 393

15.4在脚本文件中加入调试命令 395

15.5在IE中使用Firebug 396

15.5.1前端调试利器DebugBar 397

15.5.2 IE下的优秀JavaScript调试工具Companion.JS 400

15.5.3 DebugBar和Companion.JS的基本操作 401

15.6调试技巧 403

15.6.1在Firebug中直接调试脚本 403

15.6.2调试代码运行速度 405

15.6.3查看对象属性 407

第16章 ExtJS案例：商品信息管理系统 412

16.1商品信息管理系统功能介绍 413

16.2数据库设计和实现 413

16.2.1数据库概念结构设计 413

16.2.2数据库表设计 414

16.3为项目做好准备 415

16.4登录界面 417

16.5栏目加载 421

16.6为项目换肤 426

16.7商品信息管理 428

16.7.1商品信息的查询 428

16.7.2商品信息的添加 436

16.7.3商品信息的删除 441

16.7.4商品信息的更新 443

第17章 ExtJS案例：企业任务管理系统 446

17.1系统概述 447

17.2需求分析 447

17.3数据库设计 449

17.4员工任务管理 452

17.4.1个人任务处理 453

17.4.2个人资料编辑 458

17.5主管任务管理 462

17.5.1部门计划处理 462

17.5.2部门人员管理 469

17.6系统管理员权限分配 474