刚刚开始学着用EasyUI,有兴趣的TX可以去http://www.jeasyui.com/看一下,当然很多人都知道,不是什么新鲜的东西;
这两天在学着用各种控件,花了一下午才把Datagrid的增删改等等一些操作才弄明白(脑袋瓜太笨了,o(∩_∩)o ),下面我们主要来看下
分写,增删改各位老大哥们早就发的到处都是了,对于.net的分页说的就少些,所以我也出来练练笔,。。。。
入正题:
1.前台
1 $('#dg').datagrid({ 2 3 url: 'Handler2.ashx', 4 pagination: true, 5 rownumbers: true, 6 pageNumber: 1, 7 pageSize:10, 8 pageList:[10,20,50], 9 10 columns: [[ 11 { field: 'Id', title: '编号', width: 100 }, 12 { field: 'ProName', title: '省', width: 100 }, 13 { field: 'CityName', title: '城市', width: 100 }, 14 { field: 'Grade', title: '等级', width: 100 } 15 ]] 16 17 });
-----------------------------------------------------------
<table id="dg"></table>
应为主要说分页,所以别的属性什么的我就不写了,这样看起来更简单些,下面来看看这张图,你就明白了吧,o(∩_∩)o
后台:
1 //获取城市列表数据(当前页,每页显示条数) 2 List<City> list = GetData.Getlist(int.Parse(context.Request.Params["page"]), int.Parse(context.Request.Params["rows"])); 3 //获取信息总条数 4 int num = GetData.GetNum(); 5 PageObject page = new PageObject { total = num, rows = list }; 6 //返回json格式数据 7 context.Response.Write(ObjectToJSON(page));
1 /// <summary> 2 /// 对象转JSON 3 /// </summary> 4 /// <param name="obj">对象</param> 5 /// <returns>JSON格式的字符串</returns> 6 public static string ObjectToJSON(object obj) 7 { 8 JavaScriptSerializer jss = new JavaScriptSerializer(); 9 try 10 { 11 return jss.Serialize(obj); 12 } 13 catch (Exception ex) 14 { 15 16 throw new Exception("JSONHelper.ObjectToJSON(): " + ex.Message); 17 } 18 }
还有你要排序的话,再给他传递参数就行
如果还想更多操作,那就自己去挖掘吧,
至于后台数据库连接获取,数据我想那个就不用我写了,不知道的度娘知道的很多,可以问她去