jQuery liger ui ligerGrid 打造通用的分页排序查询表格.docxVIP

jQuery liger ui ligerGrid 打造通用的分页排序查询表格(提供下载) 一，ligerGrid是如何工作的。?在没有开始做之前，需要先了解一下ligerGrid是如何工作的。简单来说，liger grid 就是提交准备好的数据到指定的目标请求数据，拿到数据以后，显示出来。所以问题在于发送什么数据，拿到什么数据。先来看看ligerGrid的参数：? url: null, pageSize: 10,?sortName : null,?sortOrder:null, root?:Rows,//数据源字段名?record:Total,//数据源记录数字段名?pageParmName?:page,//页索引参数名，(提交给服务器)?pagesizeParmName:pagesize,//页记录数参数名，(提交给服务器)?sortnameParmName:sortname,//页排序列名(提交给服务器)?sortorderParmName:sortorder,//页排序方向(提交给服务器)javascript:void(0);复制代码?发送什么数据page、pagesize、sortname、sortorder 这几个是默认发送到服务器的参数，可用于正确返回分页、排序后的数据。 如果需要查询，可能需要配置一下parms，格式如 parms:[{name:wherestr,value:status=active}] ，这样后台就可以收到这个参数了比如我在页面上这样配置：pageSize:?30,url:?service/BillListData.ashx?gridviewname=authors,?sortName:?au_id后台收到的数据，将会是：拿到什么数据Rows、Total这两个是返回数据的默认字段名，Rows是数据的json格式，Total是记录的总数，需要的数据类似这样的：?效果如下：?二，存储过程?CREATE?PROCEDURE?[dbo].[P_GridViewPager]?(?@recordTotal?INT?OUTPUT,--输出记录总数?@viewName?VARCHAR(800),--表名?@fieldName?VARCHAR(800)?=?*,--查询字段?@keyName?VARCHAR(200)?=?Id,--索引字段?@pageSize?INT?=?20,--每页记录数?@pageNo?INT?=1,--当前页?@orderString?VARCHAR(200),--排序条件?@whereString?VARCHAR(800)?=?1=1?--WHERE条件)ASBEGIN?DECLARE?@beginRow?INT?DECLARE?@endRow?INT?DECLARE?@tempLimit?VARCHAR(200)?DECLARE?@tempCount?NVARCHAR(1000)?DECLARE?@tempMain?VARCHAR(1000)?SET?@beginRow?=?(@pageNo?-?1)?*?@pageSize?+?1?SET?@endRow?=?@pageNo?*?@pageSize?SET?@tempLimit?=?rows?BETWEEN??+?CAST(@beginRow?AS?VARCHAR)?+?AND?+CAST(@endRow?AS?VARCHAR)??--输出参数为总记录数?SET?@tempCount?=?SELECT?@recordTotal?=?COUNT(*)?FROM?(SELECT?+@keyName+?FROM?+@viewName+?WHERE?+@whereString+)?AS?my_temp?EXECUTE?sp_executesql?@tempCount,N@recordTotal?INT?OUTPUT,@recordTotal?OUTPUT??--主查询返回结果集?SET?@tempMain?=?SELECT?*?FROM?(SELECT?ROW_NUMBER()?OVER?(+@orderString+)?AS?rows?,+@fieldName+?FROM?+@viewName+?WHERE?+@whereString+)?AS?main_temp?WHERE?+@tempLimit??--PRINT?@tempMain?EXECUTE?(@tempMain)ENDGOjavascript:void(0);复制代码三，准备一个通用的ashx页面?%@?WebHandler?Language=C#?Class=BillListData?%using?System;using?System.Web;?using?liger