jQuery LigerUI 使用教程表格篇(2) 服务器数据交互-it论坛

安哥网络

使用远程数据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
分类: 02.LigerUI
标签: LigerUI
摘自：[url]http://www.cnblogs.com/leoxie2011/archive/2012/03/18/2324491.html[/url]