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 ...
随机推荐
- Could not transfer artifact org.springframework
无法从中心仓库获取该版本的信息, 从新下载: 1.配置eclipse中的maven user setting路径为本地maven安装路径 配置阿里云镜像路径 <mirror> <i ...
- JAVA 8 主要新特性 ----------------(三)新功能Lambda表达式入门
一.简述 Java为了扩充匿名方法在1.8中新追加的特性.本身Java之前的版本是没有匿名方法的,只有匿名对象. 二.使用 Java中使用匿名方法必须要对应接口中的一个抽象方 ...
- UVa 11728 Alternate Task (枚举)
题意:给定一个 n,求一个最大正整数 N 使得 N 的所有正因数和等于 n. 析:对于任何数一个 n,它的所有正因子都是大于等于本身的,因为 n 本身就是自己的正因数,这样的就可以直接暴力了,答案肯定 ...
- Spring AOP中pointcut expression表达式
Pointcut 是指那些方法需要被执行"AOP",是由"Pointcut Expression"来描述的. Pointcut可以有下列方式来定义或者通过&am ...
- HSmartWindowControl之安装篇 (Visual Studio 2013 & Halcon 18)
1.环境简介 Visual Studio 2013社区版 Halcon18.05 2.使用Nuget在VS工程中安装Halcon插件 搜索栏输入关键字halcon,出现两个插件,分别是halcon语言 ...
- 重新编译安装swoole支持OpenSSL
1.下载:wget http://pecl.php.net/get/swoole-1.9.22.tgz 2.解压:tar zxvf swoole-1.9.22.tgz 3.扩展模块:cd swoole ...
- MyBatis 源码分析 - 配置文件解析过程
* 本文速览 由于本篇文章篇幅比较大,所以这里拿出一节对本文进行快速概括.本篇文章对 MyBatis 配置文件中常用配置的解析过程进行了较为详细的介绍和分析,包括但不限于settings,typeAl ...
- Linux下Redis安装使用教程
https://redis.io/download 第一步:安装redis需要在有c语言的编译环境下,执行命令安装c语言环境: yum install gcc-c++ https://blog.csd ...
- [Swift]键盘遮挡控件
键盘遮挡控件: super.viewDidLoad(){ // Do any additional setup after loading the view, typically from a nib ...
- tk.mybatis通用工具采坑记
tk.mybatis通用工具pom <!--mybatis依赖--> <dependency> <groupId>org.mybatis.spring.boot&l ...