EasyUI datagrid简单运用

jquery的前端框架挺多的，有easyUI ,bootstrap...,对于做系统软件或许easyUI比较好，因为里面控件很丰富，而bootstrap非常简洁大方，但是控件相
对比较少，特别是复杂的网格控件，几乎要自己来写！

介绍一下的easyUI 的datagrid,感觉写法还是比较简单易懂，重用性比较强！
主要实现了显示数据，查询数据（序列化传参），datagrid分页样式选用。

页面如下：

例子依赖：
1、asp.net mvc
2、easyui文件依赖包
    下载地址：http://www.jeasyui.com/download/index.php
3、jquery.serialize-object.js
    下载地址：https://github.com/macek/jquery-serialize-object

后端代码：
1、依赖的类：
    1）Pager 兼容EasyUi 分页(用于查询条件实体继承)

View Code

 1     /// <summary>
 2     /// 查询条件实体类
 3     /// </summary>
 4     public class PersonConditions:Pager
 5     {
 6         public String Code { get; set; }
 7         public String Name { get; set; }
 8         public String Sex { get; set; }
 9         public String Addr { get; set; }
10         public String Phone { get; set; }
11         public Double? Price { get; set; }
12     }