jquery easyui datagrid mvc server端分页排序筛选的实现
1自定义一个ModelBinder
public class filterRule
{
public string field { get; set; }
public string op { get; set; }
public string value { get; set; }
}
public class dataGridFilter
{
public dataGridFilter()
{
filterRules = new HashSet<filterRule>();
}
public int page { get; set; }
public int rows { get; set; }
public string sort { get; set; }
public string order { get; set; }
public IEnumerable<filterRule> filterRules { get; set; }
} public class DataGridFilterBinderProvider : IModelBinder
{
public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
{
if (controllerContext == null)
throw new ArgumentNullException("controllerContext", "controllerContext is null.");
if (bindingContext == null)
throw new ArgumentNullException("bindingContext", "bindingContext is null.");
if (bindingContext.ModelType == typeof(dataGridFilter))
{
HttpRequestBase request = controllerContext.HttpContext.Request;
dataGridFilter filter = new dataGridFilter();
if (request.HttpMethod == "GET")
{
filter.order = request.QueryString["order"];
filter.page = Convert.ToInt32(request.QueryString["page"]);
filter.rows = Convert.ToInt32(request.QueryString["rows"]);
filter.sort = request.QueryString["sort"];
var filterRules = request.QueryString["filterRules"];
if (!string.IsNullOrEmpty(filterRules))
{
var rules = JsonConvert.DeserializeObject<IEnumerable<filterRule>>(filterRules);
filter.filterRules = rules; } return filter;
}
else {
filter.order = request.Form["order"];
filter.page = Convert.ToInt32(request.Form["page"]);
filter.rows = Convert.ToInt32(request.Form["rows"]);
filter.sort = request.Form["sort"];
var filterRules = request.Form["filterRules"];
if (!string.IsNullOrEmpty(filterRules))
{
var rules = JsonConvert.DeserializeObject<IEnumerable<filterRule>>(filterRules);
filter.filterRules = rules; } return filter;
} }
else
{
return BindModel(controllerContext, bindingContext);
}
} private Nullable<T> TryGet<T>(ModelBindingContext bindingContext, string key) where T : struct
{
if (String.IsNullOrEmpty(key))
return null; ValueProviderResult valueResult = bindingContext.ValueProvider.GetValue(bindingContext.ModelName + "." + key);
if (valueResult == null && bindingContext.FallbackToEmptyPrefix == true)
valueResult = bindingContext.ValueProvider.GetValue(key); bindingContext.ModelState.SetModelValue(bindingContext.ModelName, valueResult); if (valueResult == null)
return null; try
{
return (Nullable<T>)valueResult.ConvertTo(typeof(T));
}
catch (Exception ex)
{
bindingContext.ModelState.AddModelError(bindingContext.ModelName, ex);
return null;
}
}
}
controller代码
public ActionResult Get([ModelBinder(typeof(DataGridFilterBinderProvider))]dataGridFilter request)
{
//var filter = JsonConvert.DeserializeObject<IEnumerable< filterRule>>(filterRules);
//int page = 1; int rows = 10; string sort = "Id"; string order = "asc"; ; IEnumerable<filterRules> filterRules = null;
int count = products.Count();
//var query = products.OrderBy(string.Format("{0} {1}", sort, order)).Skip((page-1)*rows).Take(rows);
var query = products.OrderBy(string.Format("{0} {1}", request.sort, request.order)).Skip((request.page - 1) * request.rows).Take(request.rows); return Json(new { total = count, rows = query }, JsonRequestBehavior.AllowGet); }
html代码
<script type="text/javascript">
$(function () {
$('#grid').datagrid({
title: 'Product--100',
url: '/Home/Get',
method:'post',
width: '100%',
height: 'auto',
rownumbers: true,
sortName: 'Id',
SortOrder: 'asc',
columns: [[
{ field: 'Id', title: 'Id', sortable: true },
{ field: 'Name', title: 'Name', sortable: true },
{ field: 'Unit', title: 'Unit', sortable: true },
{ field: 'Price', title: 'Price', sortable: true }
]],
pagination: true,
pagePosition: 'bottom',
pageSize: 10,
enableFilter:true,
remoteFilter:true
}).datagrid('enableFilter');
})
</script>
jquery easyui datagrid mvc server端分页排序筛选的实现的更多相关文章
- jquery easyui datagrid 分页 详解
前些天用jquery easyui的table easyui-datagrid做分页显示的时候,折腾了很久,后来终于解决了.其实不难,最主要我不是很熟悉前端的东西. table easyui-data ...
- jQuery EasyUI datagrid实现本地分页的方法
http://www.codeweblog.com/jquery-easyui-datagrid%e5%ae%9e%e7%8e%b0%e6%9c%ac%e5%9c%b0%e5%88%86%e9%a1% ...
- jquery easyui datagrid使用参考
jquery easyui datagrid使用参考 创建datagrid 在页面上添加一个div或table标签,然后用jquery获取这个标签,并初始化一个datagrid.代码如下: 页面上 ...
- Jquery easyui datagrid 导出Excel
From:http://www.cnblogs.com/weiqt/articles/4022399.html datagrid的扩展方法,用于将当前的数据生成excel需要的内容. 1 <sc ...
- 扩展jquery easyui datagrid编辑单元格
扩展jquery easyui datagrid编辑单元格 1.随便聊聊 这段时间由于工作上的业务需求,对jquery easyui比较感兴趣,根据比较浅薄的js知识,对jquery easyui中的 ...
- Jsp +Js + Jquery + EasyUI + Servlet + Lucene,完成分页
package loaderman.fy.action; import java.io.IOException; import java.io.PrintWriter; import java.uti ...
- jQuery EasyUI DataGrid Checkbox 数据设定与取值
纯粹做个记录,以免日后忘记该怎么设定. 这一篇将会说明两种使用 jQuery EasyUI DataGrid 的 Checkbox 设定方式,以及在既有数据下将 checked 为 true 的该笔数 ...
- jquery easyui datagrid 获取Checked选择行(勾选行)数据
原文:jquery easyui datagrid 获取Checked选择行(勾选行)数据 getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录. getSel ...
- jquery easyui datagrid 加每页合计和总合计
jquery easyui datagrid 加每页合计和总合计 一:效果图 二:代码实现 这个只有从后台来处理 后台根据rows 和page两个参数返回的datatable 命名为dt 然后根据dt ...
随机推荐
- tomcat源码分析-初始化过程
digester 说明: https://www.cnblogs.com/devilwind/p/8192304.html
- poj3304(是否存在一条直线与所有给出线段相交
题意:给出n条线段,问你是否存在一条直线让他与所有线段相交. 思路:枚举两条直线的起点和终点做一条直线,看他是否与所有线段相交. #include<cstdio> #include< ...
- Reading | 《Linux就该这么学》
目录 一.前言 1.Linux概念 2.RPM(红帽软件包管理器) 3.Yum软件仓库 二.常用Linux命令 1.Shell 2.命令基本格式和man命令 3.常用系统工作命令 echo命令 dat ...
- 04-jQuery的属性操作
jquery的属性操作模块分为四个部分:html属性操作,dom属性操作,类样式操作和值操作 html属性操作:是对html文档中的属性进行读取,设置和移除操作.比如attr().removeAttr ...
- 125 open source Big Data architecture papers for data professionals
https://www.linkedin.com/pulse/100-open-source-big-data-architecture-papers-anil-madan
- Beta冲刺 (6/7)
Part.1 开篇 队名:彳艮彳亍团队 组长博客:戳我进入 作业博客:班级博客本次作业的链接 Part.2 成员汇报 组员1:(组长)柯奇豪 过去两天完成了哪些任务 部分代码的整合 编辑及标注的提交操 ...
- 进程池、tornado、字体
协程: import grequests from fake_useragent import UserAgent urls=[f'http://bir删d.so/search?page={p ...
- [算法专题] Binary Tree
1 Same Tree https://leetcode.com/problems/same-tree/ Given two binary trees, write a function to che ...
- 准备情人节礼物比写代码难?来看看IT直男给女友们的礼物
今天是情人节,据说IT直男在每个这样弥漫着恋爱气息的日子里都能把礼物送成"辣眼睛"现场,为了反(zheng)驳(shi)这个观点,小编特意走访了网易云的架构师.工程师.产品经理.程 ...
- MongoDB 数据库
数据库: 关系型数据库 mysql 收费 速度快 字段类型 非关系型数据库 MongoDB 不收费 速度慢一些 存储数据都是字符串 ...