jQuery EasyUI是一组基于jQuery的UI插件集合体，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。 本经验是 【jQuery EasyUI从入门到精通】系列教程的第2部分
工具/原料
1
笔记本电脑或是台式机
2
互联网
3
jQuery EasyUI
方法/步骤
1Build CRUD Application with edit form in expanded row details - jQuery EasyUI Demo
以下为Expand Row Form示例Edit form in expanded row details（编辑表格以行细节的方式）
Edit form in expanded row details
Click the expand button to expand a detail form.
| First Name | Last Name | Phone |
|---|
2
Expand Row Form，效果如下图所示。
3Saving Portal State - jQuery EasyUI
EasyUI Portal，This example shows how to build a simple portal system with floating panels. 这个案例展示如何创建一个简单的门户系统通过浮动面板。
EasyUI Portal
This example shows how to build a simple portal system with floating panels.
4
EasyUI Portal案例，运行效果如下图所示。
5Pivot Grid - jQuery EasyUI
Pivot Grid，The PivotGrid allows you to quickly do a lot of reporting & analysis from a table of data. 透视网格允许你快速地对表格数据进行大量的报告和分析。
Pivot Grid
The PivotGrid allows you to quickly do a lot of reporting & analysis from a table of data.
6
Pivot Grid案例，运行效果图如下图所示。
注意事项
1
jQuery EasyUI插件依赖于JQuery，需要在easyui.min.js之前引入JQuery库
2
除了引入easyui.min.js文件之外，还引入相应的库文件。