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

剛剛開始學着用EasyUI，有興趣的TX可以去http://www.jeasyui.com/看一下，當然很多人都知道，不是什么新鮮的東西；

這兩天在學着用各種控件，花了一下午才把Datagrid的增刪改等等一些操作才弄明白（腦袋瓜太笨了，o(∩_∩)o ），下面我們主要來看下

分寫，增刪改各位老大哥們早就發的到處都是了，對於.net的分頁說的就少些，所以我也出來練練筆，。。。。

入正題：

1.前台

 $('#dg').datagrid({

                url: 'Handler2.ashx',
                pagination: true,
                rownumbers: true, 
                pageNumber: 1,
                pageSize:10,
                pageList:[10,20,50],
                
                columns: [[
        { field: 'Id', title: '編號', width: 100 },
        { field: 'ProName', title: '省', width: 100 },
        { field: 'CityName', title: '城市', width: 100 },
        { field: 'Grade', title: '等級', width: 100 }
    ]]

            });
-----------------------------------------------------------

　<table id="dg"></table>

應為主要說分頁，所以別的屬性什么的我就不寫了，這樣看起來更簡單些，下面來看看這張圖，你就明白了吧，o(∩_∩)o 

后台：

            //獲取城市列表數據（當前頁，每頁顯示條數）
            List<City> list = GetData.Getlist(int.Parse(context.Request.Params["page"]), int.Parse(context.Request.Params["rows"]));
            //獲取信息總條數
            int num = GetData.GetNum();
            PageObject page = new PageObject { total = num, rows = list };
            //返回json格式數據
            context.Response.Write(ObjectToJSON(page));

        /// <summary>
        /// 對象轉JSON
        /// </summary>
        /// <param name="obj">對象</param>
        /// <returns>JSON格式的字符串</returns>
        public static string ObjectToJSON(object obj)
        {
            JavaScriptSerializer jss = new JavaScriptSerializer();
            try
            {
                return jss.Serialize(obj);
            }
            catch (Exception ex)
            {

                throw new Exception("JSONHelper.ObjectToJSON(): " + ex.Message);
            }
        }

還有你要排序的話，再給他傳遞參數就行

如果還想更多操作，那就自己去挖掘吧，
至於后台數據庫連接獲取，數據我想那個就不用我寫了，不知道的度娘知道的很多，可以問她去