jQuery LigerUI 使用教程表格篇(2) 伺服器資料互動jQuery LigerUI 表格LigerGrid 結合 ASP.NET MVC 顯示資料jQuery liger ui liger

閱讀目錄

• 使用遠端資料
• 使用遠端資料 排序
• 使用遠端資料 分頁

使用遠端資料

ligerGrid允許指定一個url來載入資料，並且支援排序和分頁。對於資料格式是有一定的限制的，比如

{
      "Rows":[],"Total":0
}

我們需要將要顯示的資料放在Rows裡面(數組的形式)，將記錄數放在Total

Rows和Total這兩個欄位名不是固定的，可以通過參數進行修改：

root: 'Rows',       //資料來源欄位名
record: 'Total',    //資料來源記錄數欄位名

使用遠端資料 排序

排序在首次載入資料的時候，會判斷有沒有設定了sortName參數，如果有會往伺服器傳輸排序的資訊：

string sortname = context.Request["sortname"];
string sortorder = context.Request["sortorder"];

我們在表頭點擊的時候，也有可能觸發伺服器排序的操作：

通常我們會指定預設排序的欄位，比如 sortName: 'OrderID'：

sortname和sortorder參數名是可以改變的：

使用遠端資料 分頁

liger grid內建了分頁，如果使用本機資料，分頁可以不用關心，不過如果用到遠程載入資料，那麼需要你自己來完成這個分頁的操作，根據分頁的資訊返回相應的資料。

組件會往伺服器傳輸幾個分頁有用的參數：

伺服器端根據這二個參數進行分頁處理：

string _pagenumber = context.Request["page"]; 
string _pagesize = context.Request["pagesize"]; 

我們需要返回json格式的字串：

如果還有什麼不明白的可以參考：

jQuery LigerUI 表格LigerGrid 結合 ASP.NET MVC 顯示資料

jQuery liger ui ligerGrid 打造通用的分頁排序查詢表格(提供下載)

或者到論壇提問：

http://bbs.ligerui.com