JQuery Datatables(二)
前篇讲到了Datatables的基本用法,链接地址:http://www.cnblogs.com/wumian1360/p/4263129.html
今天来实现5,6,7三点。
其实Datatables控件本身就已经带了分页属性,排序属性和筛选属性,分别是:bPaginate,bSort,bFilter,我们只需要将这三个属性设置为true,那么在Ajax刷新的时候就会在Query String Parameters有参数了。具体如下:
sEcho:1 //操作次数,具体用途不是很清楚
iColumns:2 //Datatables的列总数
sColumns:Id,Name //列名
iDisplayStart:0 //分页开始页码
iDisplayLength:10 //每页显示行数
mDataProp_0:Id //第一列映射字段
sSearch_0: //第一列筛选内容
bRegex_0:false //该字段是否使用正则
bSearchable_0:true //是否使用筛选功能
bSortable_0:false //是否可以排序
mDataProp_1:Name //第一列映射字段
sSearch_1: //第一列筛选内容
bRegex_1:false //该字段是否使用正则
bSearchable_1:true //是否使用筛选功能
bSortable_1:true //是否可以排序
sSearch: //全文筛选
bRegex:false //是否使用正则
iSortCol_0:0 //当前排序列索引(第一列)
sSortDir_0:asc //排序为升序
iSortingCols:1 //排序的列数
_:1423311150960
Http请求参数
功能很强大啊,什么都有了,那么只需要创建对象来接受处理这些参数,然后利用对象去分别做分页,排序和筛选就可。
该处理对象类用了“冠军”的代码,具体链接:http://www.cnblogs.com/haogj/archive/2011/03/21/1990595.html
有了该对象,那么可以在具体的Controller中处理了。
代码如下:
public JsonResult Get()
{
DataTablesRequest parm = new DataTablesRequest(this.Request); //处理对象
int totalCount = 0;
int start = parm.iDisplayStart; //页索引
int length = parm.iDisplayLength; //页行数
string order = string.Empty; //排序 //获取排序
if (parm.SortColumns.Count() > 0)
{
string sortField = parm.Columns[parm.SortColumns[0].Index].Name;
string sort = parm.SortColumns[0].Direction.ToString();
order = sortField + " " + sort;
} string strQuery = parm.Search;
string[] fields = new string[parm.iColumns];
//此处可以创建对象来封装全文查询字段内容,简单,个人去实现即可 var list=XXXX.LoadPage(start,length,out totalCount,order,strQuery,fields) return Json(new { aaData = list, iTotalRecords = totalCount, iTotalDisplayRecords = totalCount },
JsonRequestBehavior.AllowGet);
}
Ctroller操作
JQuery Datatables(二)的更多相关文章
- [jQuery]jQuery DataTables插件自定义Ajax分页实现
前言 昨天在博客园的博问上帮一位园友解决了一个问题,我觉得有必要记录一下,万一有人也遇上了呢. 问题描述 园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分 ...
- Jquery DataTables相关示例
一.Jquery-DataTables DataTables 是jquery的一个开源的插件.它具有高度灵活的特性,基于渐进增强的基础,可以为任何表格添加交互.它特性如下: 提供分页,搜索和多列排序: ...
- jquery datatables api (转)
学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/20069 ...
- 最全的jquery datatables api 使用详解
学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/20069 ...
- jquery datatables api
原文地址 学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/ ...
- JQuery DataTables学习
1.Datatables简单介绍 DataTables是一个jQuery的表格插件.这是一个高度灵活的工具,根据的基础逐步增强,这将添加先进的互动控制.支持不论什么HTML表格. 主要特点: 自己主动 ...
- jquery Datatables 行数据删除、行上升、行下降功能演示
Datatables 是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 官方网站:http://www.datatables.net Datatables ...
- jQuery datatables
jQuery datatables 属性,用例 参考:http://datatables.club/example/ http://blog.csdn.net/mickey_miki/article/ ...
- ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项
引言: 本人想自己个博客网站出来,技术路线是用ASN.NET MVC5+EF6(Code First)+ZUI+各种Jquery插件,有了这个想法之后就开始选择UI,看了好多bootstrap的模板之 ...
随机推荐
- c#生成注册码的两种方法(mac地址与IP地址)
using System; using System.Management; using System.Security.Cryptography; using System.IO; using Sy ...
- Codevs_1230_元素查找_(set/Hash)
描述 http://codevs.cn/problem/1230/ ... 1230 元素查找 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 钻石 Diamond 题目 ...
- Maven学习:常用mvn命令
转自:http://blog.csdn.net/lfsfxy9/article/details/12200915 Maven 在线: <span style="font-family: ...
- include a image in devexpress datagrid
Add an ImageCollection to yout form and add some icons 16x16 to it. Add a column to the Grid for the ...
- selenium webdriver(4)---模拟鼠标键盘操作
webdriver提供Actions来模拟鼠标悬浮.拖拽和键盘输入等操作,详细代码见org.openqa.selenium.interactions.Actions.本文通过几个实例来说明Action ...
- Hadoop--Map/Reduce实现多表链接
MR实现多表连接的原理和单表连接时一样的,甚至比单表连接还要简单. 在map阶段只需要根据文件的名称区分左表还是右表.使用关联的字段作为key2. 在reduce中对values中的值分别存储到一个左 ...
- POI2001 金矿
问题描述 金矿的老师傅年底要退休了.经理为了奖赏他的尽职尽责的工作,决定在一块包含 n(n ≤ 15000) 个采金点的长方形土地中划出一块长度为 S ,宽度为 W 的区域奖励给他(1 ≤ s , w ...
- Mitmproxy首页、文档和下载 - 支持SSL的HTTP代理 - 开源中国社区
Mitmproxy首页.文档和下载 - 支持SSL的HTTP代理 - 开源中国社区 undefined 利用Dnspod api批量更新添加DNS解析[python脚本] - 推酷 undefined
- ant+svn+tomcat实现项目自动部署
因工作需要,研究并实现了 ant+svn+tomcat实现项目自动部署,其中参考了下面文章:http://www.cnblogs.com/taoweiji/p/3700915.html jar包需要e ...
- cas改造随笔
原http://www.cnblogs.com/hellowood/archive/2010/08/05/1793364.html 键字: sso域名:cas.server.com 登陆地址(spri ...