jQuery EasyUI从零开始学

　　本书详细介绍了EasyUI的各类组件以及在使用过程中容易遇到的一些问题，由于EasyUI版本更新较为频繁，本书在讲解时会注重向读者介绍EasyUI的设计思路，帮助读者从插件设计的高度来掌握EasyUI插件。本书附带资源和源码两个文件，其中资源文件中给出了EasyUI开发中的常用工具和资源，例如搭建本地服务器工具、图标资源等，在源码文件中给出了实用的EasyUI开发源码。 本书共3篇，12章，涵盖的主要内容有表单设计、元素的拖放和缩放、提示框、滚动条、滑块、面板、布局、窗口、自定义插件设计、数据网格、树、CRUD应用、移动端设计、主题更改、生成报表、扩展插件等。 本书内容丰富，学习门槛低，既可以作为EasyUI的参考文档，也可以作为EasyUI的入门书籍，特别适合EasyUI的初学者以及对EasyUI有部分困惑的开发人员阅读。

　　施尧，某环保软件公司项目主管。目前负责互联网在政务、环保等领域的应用，擅长于jQuery、Vue、React等前端框架，有着丰富的实战开发经验。

第1篇  EasyUI的基础组件

第1章  jQuery EasyUI快速入门 3

1.1  什么是jQuery EasyUI 3

1.2  jQuery EasyUI的初步使用 4

1.2.1  下载及版本说明 4

1.2.2  直接在HTML中使用 4

1.2.3  使用Javascript创建 4

1.3  搭建本地服务器 5

1.4  实战：第一个EasyUI注册页面 8

1.5  小结 9

第2章  EasyUI表单 10

2.1  文本框简介 10

2.1.1  验证框（ValidateBox） 11

2.1.2  文本框（TextBox） 17

2.1.3  密码框（PasswordBox） 26

2.1.4  数字框（NumberBox） 27

2.2  组合简介 33

2.2.1  组合（Combo） 33

2.2.2  组合框（ComboBox） 37

2.3  微调器简介 46

2.3.1  微调器（Spinner） 46

2.3.2  数字微调器（NumberSpinner） 48

2.3.3  时间微调器（TimeSpinner） 49

2.3.4  日期微调器（DateTimeSpinner） 50

2.4  菜单和按钮 51

2.4.1  菜单（Menu） 51

2.4.2  链接按钮（LinkButton） 56

2.4.3  菜单按钮（MenuButton） 59

2.4.4  分割按钮（SplitButton） 61

2.4.5  切换按钮（SwitchButton） 63

2.5  快速输入日期 64

2.5.1  日历（Calendar） 65

2.5.2  日期框（DateBox） 68

2.5.3  日期时间框（DateTimeBox） 76

2.6  其他高级组件 77

2.6.1  标签框（TagBox） 77

2.6.2  搜索框（SearchBox） 78

2.6.3  文件框（FileBox） 80

2.7  表单 83

2.7.1  表单的基本使用方法 83

2.7.2  提交表单 85

2.7.3  初始化表单字段 86

2.7.4  文件上传 88

2.8  小结 89

第3章  拖  放 90

3.1  DOM与事件对象 90

3.1.1   DOM 90

3.1.2   事件对象 92

3.2  拖放（Draggable） 93

3.2.1  拖放的使用方法 93

3.2.2  容器内拖放 97

3.2.3  快速拖放 98

3.3  放置（Droppable） 99

3.3.1  放置的使用方法 99

3.3.2  授权拖放的组件 100

3.4  缩放（Resizable） 102

3.5  实战：购物车的拖放 103

3.6  小结 105

第4章  常用组件 106

4.1  提示框（Tooltip） 106

4.1.1  创建提示框 106

4.1.2  提示框可绑定的元素 108

4.1.3  提示框的内容 110

4.2  进度条（ProgressBar） 111

4.3  滑块（Slider） 112

4.4  实战：向服务器提交滑块数据 115

4.5  小结 116

第5章  窗口与布局 117

5.1   面板 117

5.1.1  基础面板（Panel） 117

5.1.2  折叠面板（Accordion） 128

5.1.3  选项卡（Tabs） 134

5.2  布局（Layout） 139

5.2.1  简单的布局 140

5.2.2  添加和删除布局 143

5.2.3  布局的种类 144

5.2.4  嵌套布局 146

5.2.5  自适应高度布局 147

5.2.6  复杂布局 148

5.3  窗口（Window） 151

5.3.1  创建简单的窗口 151

5.3.2  创建模态窗口 153

5.3.3  创建内联窗口 153

5.3.4  窗口的布局 154

5.3.5  窗口的页脚 155

5.3.6  窗口的边框样式 156

5.4  对话框（Dialog） 157

5.5  信息提示窗口（Messager） 159

5.5.1  底部提示窗口 159

5.5.2  消息提示窗口 160

5.5.3  确认提示窗口 161

5.5.4  进度提示窗口 162

5.5.5  输入提示窗口 162

5.6  小结 163

第6章  深入理解EasyUI组件机制 164

6.1  使用EasyUI开发自定义组件 165

6.2  插件的制作方法 171

6.2.1  使用jQuery制作插件 172

6.2.2  $.extend方法 173

6.2.3  $.data方法 174

6.3  EasyUI插件源码分析 174

6.3.1  默认配置和选项对象 174

6.3.2  EasyUI属性设置 176

6.3.3  默认方法 179

6.3.4  其他源码分析 180

6.3.5  总结 181

6.4  制作起止日期框插件 182

6.5  在标记中定义组件 186

6.6  起止日期框使用文档 187

6.7  小结 190

第2篇  EasyUI数据的获取和展示

第7章  数据的获取与展示 193

7.1  使用表单向服务器提交数据 193

7.2  数据网格（DataGrid） 194

7.2.1  使用本地数据初始化数据网格 195

7.2.2  使用服务器端数据初始化数据网格 196

7.2.3  数据网格中的列 198

7.2.4  数据网格中的行 210

7.2.5  创建工具栏 214

7.2.6  数据网格事件和方法 215

7.2.7  数据网格编辑 221

7.2.8  数据网格视图 228

7.3  分页器（Pagination） 229

7.3.1  分页器概述 229

7.3.2  数据网格中的分页 233

7.4  数据列表（DataList） 236

7.5  属性网格（PropertyGrid） 239

7.6  组合网格（ComboGrid） 241

7.7  树（Tree） 244

7.7.1  树形结构简介 244

7.7.2  EasyUI中树的使用方法 245

7.7.3  可编辑的树 256

7.7.4  动态操作树 256

7.8  树形网格（TreeGrid） 257

7.8.1  树形网格的基本使用方法 258

7.8.2  复杂的树形网格 263

7.9  组合树（ComboTree） 265

7.10  组合树形网格 266

7.11  小结 268

第8章  CRUD 应用 269

8.1  了解什么是CRUD 269

8.2  创建简单的CRUD应用 270

8.2.1  查询数据（Retrieve） 270

8.2.2  增加数据（Create） 271

8.2.3  更新数据（Update） 272

8.2.4  删除数据（Delete） 273

8.2.5  提交表单 274

8.2.6  服务器代码简介 275

8.3  创建CRUD数据网格 276

8.3.1  获取数据 276

8.3.2  新增数据 277

8.3.3  更新数据 278

8.3.4  删除数据 278

8.4  自动增加网格行数据 279

8.4.1  读取数据 279

8.4.2  编辑数据 280

8.4.3  创建数据 282

8.4.4  删除数据 283

8.5  小结 284

第3篇  EasyUI高级应用

第9章  开发移动页面 287

9.1  移动端基础 287

9.1.1  自适应屏幕宽度 287

9.1.2  移动端调试方法 288

9.1.3  EasyUI开发移动页面基础 289

9.2  表单 290

9.2.1  输入框 290

9.2.2  按钮 291

9.2.3  开发移动端登录页面 292

9.3  移动端页面布局 293

9.3.1  工具栏 293

9.3.2  面板 294

9.3.3  选项卡 295

9.3.4  折叠面板 297

9.3.5  布局 297

9.3.6  菜单 298

9.3.7  树 299

9.4  对话框 300

9.5  信息提示 300

9.6  动画 301

9.7  数据展示 301

9.7.1  简单的列表（SimpleList） 301

9.7.2  数据列表（DataList） 302

9.7.3  数据网格（Datagrid） 303

9.8  小结 304

第10章   jQuery EasyUI的主题 305

10.1  更改主题样式 305

10.2  替换本机主题样式 306

10.3  保存主题样式 307

10.3.1  在服务器上保存 307

10.3.2  本地保存 307

10.4  图标的更改 308

10.5  小结 308

第11章   jQuery EasyUI的扩展 309

11.1  数据网格视图 309

11.1.1  数据网格详细内容视图（DataGrid DetailView） 309

11.1.2  数据网格分组视图（DataGrid GroupView） 312

11.1.3  数据网格缓存视图（DataGrid BufferView） 314

11.1.4  虚拟滚动视图（VirtualScrollView） 315

11.1.5  自定义数据网格视图 318

11.2  可编辑的数据网格（Editable DataGrid） 320

11.3  可编辑树（Editable Tree） 322

11.4  数据网格单元格编辑（Cell Editing in DataGrid） 325

11.5  数据网格拖曳与放置（Drag and Drop Rows in DataGrid） 327

11.6  树形网格行的拖曳与放置（Drag and Drop Rows in TreeGrid） 328

11.7  列的扩展（Columns Extension） 329

11.8  数据网格的过滤（DataGrid Filter Row） 331

11.9  数据分析器（PivotGrid） 339

11.10  DWR加速 342

11.11  RTL的支持 343

11.12  Ribbon——Office功能区界面 344

11.13  文本编辑器（TextEditor） 345

11.14  小结 347

第12章  设计一个实战项目 348

12.1  登录验证设计 348

12.1.1  如何确认身份 349

12.1.2  如何验证身份 350

12.1.3  登录页面的设计 351

12.1.4  登录验证系统设计方案 354

12.2  加密与解密技术 355

12.2.1  对称加密 355

12.2.2  非对称加密 356

12.2.3  不可逆加密 356

12.3  EasyUI界面框架 356

12.4  小结 358