EasyUI之簡單實現Datagrid分頁（C#）

剛剛開始學著用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 } 還有你要排序的話，再給他傳遞參數就行

如果還想更多操作，那就自己去挖掘吧，
至于后臺數據庫連接獲取，數據我想那個就不用我寫了，不知道的度娘知道的很多，可以問她去 posted on 2012-07-27 20:25 魯班門前弄斧 閱讀(...) 評論(...) 編輯 收藏

轉載于:https://www.cnblogs.com/y-jp/archive/2012/07/27/2612404.html

總結

以上是生活随笔為你收集整理的EasyUI之简单实现Datagrid分页（C#）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。