《ExtJS实用开发指南》——序

　　ExtJS是一个Ajax框架，可以用来开发具有华丽外观的富客户端应用，使得我们的B/S应用系统更具活力并带来优秀的用户体验。ExtJS是一个用javascript编写，与后台技术无关的前端Ajax框架。因此，我们可以将ExtJS应用于.Net、Java、Php等各种B/S结构开发的项目。

　　伴随着ExtJS从2007年开始逐步在中国被大多数开发人员所认知，并有大量敢尝试新技术的先驱者将之应用于项目中，至今我们身边掀起了一股学习ExtJS的新潮。我们在前不久也采用ExtJS改造了几个项目，比如OA系统。结果发现改造后使得整个系统在用户体验上有了明显的提高。同时，为了利人利己，我们把学习及应用ExtJS过程中的一些要点记录了下来，直到今天也才会有这本《ExtJS实用开发指南》放在你的面前。希望我们的这份资料能帮助那些正在研究或准备学习ExtJS的朋友们能快速走进ExtJS2.0的精彩世界。

　　 指南包含详细的ExtJS框架使用方法、应用场景分析及示例，还有各个控件详细配置参数、属性、方法及事件介绍等内容，是一本非常适合了解JavaScript但对ExtJS不是很熟悉的朋友们作为ExtJS入门及日常开发中的参考教程。本教程主要针对ExtJS2.0进行介绍，全部代码、截图等都是基于ExtJS2.0。

　　在学习了本指南的内容后，你可以下载http://wlr1.easyjf.com这个基于ExtJS2.0开发的单用户Blog系统的源代码来进行更深层次的了解ExtJS，这个系统是EasyJF团队中的WilliamRaym与大峡等人开发的一个ExtJS演示系统，系统源码整体质量比较高，通过学习这套系统源代码想必一定能提高您ExtJS的综合应用能力。

　　由于ExtJS是一个更新及发展速度非常快的开源项目，因此我们不能保证指南中所有内容都能准确无误的提供了ExtJS框架中的相关内容，请各位读者随时关注ExtJS官方网站及“开源人”网站(vifir.com)上ExtJS专题中的相关更新。

　　相对于业界很多应用ExtJS的高手来说，我们的写作能力与技术实力都是很有限的，加上时间的因素，导致《指南》中难免存在很多不足。所以我们希望广大读者能把在阅读本教程中发现的错误、不足及建议等反馈给我们，让我们一起共同学习、共同进步。

　　重点申明：《ExtJS实用开发指南》只作“开源人”网站(vifir.com)VIP用户技术内刊赠送，非市场出版读物。如果您对《指南》有兴趣，可通过如下两种方式获取：

　　1、注册成为“开源人 http://www.vifir.com”网站的VIP用户 http://www.vifir.com/tobeVIP.html，VIP用户服务具体收费标准见http://www.vifir.com/tobeVIP.html。

　　2、赠送给国内所有的开源人士。凡是为国内各种开源项目贡献过源代码，得到项目负责人的认可并采用，均属于本指南的赠送对象，具体请联系“开源人”网站站长WilliamRaym。

　　《ExtJS实用开发指南》——目录

序... 1
    写在前面... 1
    开源人vifir.com简介... 2
    EasyJF开源团队简介... 4
    导读... 6

第一章 ExtJS概述... 8
    1.1 Ext简介... 8
    1.2 开始ExtJS. 10
        1.2.1 获得ExtJS. 10
        1.2.2 应用ExtJS. 11
        1.2.3 ExtJS版的Hello. 12

第二章 Ext框架基础及核心简介... 15
    2.1 Ext类库简介... 15
    2.2 ExtJS的组件... 17
    2.3组件的使用... 19
    2.4 组件的配置选项... 21
    2.5 事件处理... 22
        2.5.1 ExtJS中的事件应用... 22
        2.5.2 Ext.util.Observable类详解... 25
        2.5.3 Ext.EventManager类详解... 27
        2.5.4 Ext.EventObject类详解... 28
    2.6 ExtJS核心组件详解... 29
        2.6.1 Component 29
        2.6.2 BoxComponent 33
        2.6.3 Container 35

第三章 使用面板... 39
    3.1 Panel 39
        3.1.1 面板Panel的基本应用... 39
        3.1.2 Panel控件详解... 40
    3.2 工具栏Toolbar 46
        3.2.1 工具栏的基本应用... 46
        3.2.2 工具栏组件详解... 47
        3.2.3 工具栏项目详解... 49
    3.3 选项面板TabPanel 51
        3.3.1 TabPanel的基本应用... 51
        3.3.2 TabPanel控件详解... 53
    3.4 视图区ViewPort 57

第四章 窗口、对话框及提示框... 60
    4.1 窗口Window.. 60
        4.1.1 窗口基本应用... 60
        4.1.2 窗口分组... 61
        4.1.3 Window控件详解... 62
    4.2 对话框MessageBox. 65
        4.2.1 对话框基本应用... 65
        4.2.2 MessageBox类详解... 68
        4.2.3进度栏ProgressBar详解... 72
    4.3 提示框Tip. 73
        4.3.1 提示框的基本应用... 73
        4.3.2 提示框控件详解... 76

第五章 布局layout 81
    5.1 布局概述... 81
        5.1.1 基本应用... 81
        5.1.2 ExtJS2.0中的布局类... 82
        5.1.3 默认容器布局ContainerLayout类介绍... 83
    5.2 Border区域布局... 83
        5.2.1 Border布局的使用... 83
        5.2.2 Border布局相关的组件介绍... 84
    5.3 Column列布局... 87
    5.4 Fit布局... 89
        5.5 Form布局... 91
        5.5.1 Form布局的基本应用... 91
        5.5.2 Form布局相关组件详解... 92
    5.6 Accordion布局... 94
        5.6.1 Accordion布局基本应用... 94
        5.6.2 Accordion布局相关组件详解... 96
    5.7 Card布局... 96
    5.8 Table布局... 98
    5.9 其它布局... 99

第六章 使用表格控件Grid. 100
    6.1表格GridPanel 100
        6.1.1 GridPanel的应用... 100
        6.1.2 GridPanel控件详解... 106
        6.1.3 Ext.grid.ColumnModel详解... 109
        6.1.4 PagingToolbar控件详解... 112
    6.2 表格数据的选择... 113
        6.2.1 基本应用... 113
        6.2.2 控件详解... 117
    6.3 可编辑的表格EditorGridPanel 121
        6.3.1 EditorGridPanel的基本应用... 121
        6.3.2 EditGridPanel控件详解... 125
    6.4 属性编辑表格PropertyGrid. 127
        6.4.1 PropertyGrid的基本应用... 127
        6.4.2 PropertyGrid控件详解... 131
        6.4.3 PropertyGrid的其它相关类详解... 132
    6.5 与服务器交互... 133

第七章 数据存储Store. 136
    7.1 Record. 136
        7.1.1 Record的应用... 136
        7.1.2 Record类详解... 137
    7.2 Store. 139
        7.2.1 Store的应用... 139
        7.2.2 Store类详解... 140
        7.2.3 Store的相关类详解... 145
    7.3 DataReader 147
        7.3.1 DataReader的应用... 147
        7.3.2 DataReader及相关类详解... 149
    7.4 DataProxy. 153
        7.4.1 DataProxy基本应用... 153
        7.4.2 DataProxy及相关类详解... 154
    7.5 自定义Store

第八章 使用树控件TreePanel 157
    8.1 TreePanel基本使用 157
    8.2 事件处理 159
    8.3 TreePanel控件详解 160
    8.4 TreeNode. 165
        8.4.1 基本应用 165
        8.4.2 Node类详解 167
        8.4.3 TreeNode类详解 170
        8.4.4 TreeNodeUI类详解 172
    8.5 TreeLoader 173
        8.5.1 TreeLoader基本应用 173
        8.5.2 TreeLoader及相关类详解 174
    8.6 树的节点选择 176
        8.6.1 基本应用 176
        8.6.2 选择模型类详解 180
    8.7 自定义TreeLoader 182

第九章 使用表单Form.. 185
    9.1 表单面板FormPanel 185
        9.1.1 FormPanel的基本应用 185
        9.1.2 FormPanel控件详解 187
        9.1.3 BasicForm类详解 188
    9.2 FieldSet 192
        9.2.1 FieldSet的基本应用 192
        9.2.2 FieldSet控件详解 193
    9.3 表单中的字段Field. 194
        9.3.1 Field的基本应用 194
        9.3.2 Field验证 196
        9.3.3 Field组件详解 196
    9.4 TextField. 199
        9.4.1 TextField基本应用 199
        9.4.2 TextField组件详解 200
    9.5 CheckBox及Radio. 201
        9.5.1 CheckBox及Radio的基本应用 201
        9.5.2 CheckBox组件详解 202
        9.5.3 Radio组件详解 203
    9.6 ComboBox. 203
        9.6.1 ComboxBox的应用 203
        9.6.2 TriggerField组件详解 207
        9.6.3 ComboBox组件详解 208
    9.7 DateField. 212
        9.7.1 基本应用 212
        9.7.2 DateField组件详解 213
    9.8 TimeField. 215
        9.8.1 基本应用 215
        9.8.2 TimeField组件详解 217
    9.9 HtmlEditor 217
        9.9.1 基本应用 217
        9.9.2 HtmlEditor组件详解 219
    9.10 其它字段Field组件 221
    9.11 表单动作 226
        9.11.1 表单提交动作Submit 226
        9.11.2 表单数据加载动作Load. 229
        9.11.3 表单动作Action类详解 231
    9.12 自定义数据录入控件 233

第十章 拖放(DD) 239
    10.1 拖放操作的简单应用 239
    10.2 DD及DDTarget 242
    10.3 拖放的组 244
    10.4 拖放事件的处理 246
    10.5 拖放API 248
        10.5.1 总体介绍 248
        10.5.2 DragDrop类详解 249
        10.5.3 Ext.dd.DD及子类详解 253
        10.5.4 DDTarget及子类详解 257
        10.5.5 拖放API其它相关类详解 261

第十一章 菜单 266
    11.1 菜单的基本应用 266
        11.1.1 简单菜单应用 266
        11.1.2 手动创建及显示菜单 267
        11.1.3 ExtJS中的菜单项 268
        11.1.4 处理菜单事件 269
        11.1.5 其它菜单项 270
    11.2 菜单高级应用 271
    11.3 菜单控件详解 274
        11.3.1 菜单Ext.menu.Menu相关的类详解 274
        11.3.2 Ext.menu.Item相关类详解 277

第十二章 实用工具Util 282
    12.1 Ext类... 282
        12.1.1 onReady方法... 282
        12.1.2 get系列方法... 283
        12.1.3 apply及applyIf方法... 284
        12.1.4 decode及encode方法... 285
        12.1.5 extend方法... 286
        12.1.6 namespace. 286
        12.1.7 query及select方法... 287
    12.2 DomHelper 287
    12.3 Ext.util.CSS. 289
    12.4 Ext.Ajax类... 290
        12.4.1 request方法详解... 290
        12.4.2 其它方法简介... 292
        12.4.3 Ajax请求的事件... 292
    12.5 Ext.util.Format类... 293
    12.6 Date扩展... 294
    12.7 其它... 296
        12.7.1 String扩展... 296
        12.7.2 Function扩展... 297
        12.7.3 Number 298
        12.7.3 Array. 299

第十三章 ExtJS without JS. 300
    13.1 简介... 300
    13.2 体验... 300
    13.3 小结... 306

（版权声明：《ExtJS实用开发指南》中的所有原创文字、代码及图片内容版权均归毛伟、郭朝斌及杜占源三人共同所有，未经其中一人书面许可，不得将本《ExtJS实用开发指南》中的文章、代码及图片用于出版、发行或其它任何商业用途。）