jQuery LigerUI 使用教程表格篇(2) 服務器數據交互


使用遠程數據

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM