jQuery LigerUI 使用教程表格篇(2) 服务器数据交互
2013-08-16 10:04
411 查看
阅读目录
使用远程数据使用远程数据 排序
使用远程数据 分页
使用远程数据
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
相关文章推荐
- jQuery LigerUI 使用教程表格篇(2) 服务器数据交互
- 使用h5开发跨平台APP确保数据安全交互---服务器篇
- ie6(或者其他浏览器)使用dialog弹框访问(交互数据)服务器失败(artdialog -v5.0.4)
- jQuery LigerUI 使用教程表格篇(3) 复选框、多表头、分组、汇总和明细
- 使用Jquery实现可编辑的表格 并使用AJAX提交到服务器修改数据
- Android 使用Json实现服务器与客户端数据的交互
- android使用JSON数据和服务器进行交互
- jQuery LigerUI 使用教程表格篇(1)
- 使用Jquery实现可编辑的表格 并使用AJAX提交到服务器修改数据
- 使用Json数据进行服务器与android端交互
- 在meteor中使用支付,以及与服务器进行数据交互
- 使用Jquery实现可编辑的表格 并使用AJAX提交到服务器修改数据
- Windows下使用TCP协议变长交互客户端和服务器的数据传输
- Ajax入门(与Java服务器交互)(三)——解析XML数据、使用级联下拉选择框
- 程序使用 HTTP 协议和服务器交互主要是进行数据的提交,通常数据的提交是通过 GET 和 POST 两种方式来完成
- 关于客户端与服务器ajax使用json数据交互,出现中文乱码或因包含html标答而报错的问题(base64加密)
- jQuery LigerUI 使用教程表格篇(1)
- C#使用Command将dataGrideView表格内数据与数据库交互
- 分布式NoSQL数据存储分享¬——表格存储使用教程
- Android开发使用json实现服务器与客户端数据的交互功能示例