我们在做WEB页面时,时常会选择JQuery框架的Datagrid,如Ext、EasyUI、Flexigrid,数据访问则采用LinqToSQL或LinqToEntity。UI用Jquery框架的目的是代码简洁,较好的用户体验,漂亮的CSS;数据访问采用LinqToSQL或LinqToEntity的优点是开发便捷,将大部分的时间投入到业务中,而不是Ado.net的数据操作上。

下图是UI和后台的交互简略图,UI将json发送到业务层,业务层将json数据包装成查询对象,然后进行数据访问,获取数据结果集后,再包装成json对象返回给UI,然后UI解析和展现。

这里我就以EasyUI的Datagrid和LinqToEntity为例。见效果图:

难点是当需要排序时,LinqToEntity是通过对象的属性指定排序字段,而UI传过来的是字段名,要将排序的字符串转换为Lambda的排序。
分析EasyUI的Datagrid在ajax操作时传递了4个参数,分别是:Page(第几页),Rows(每页记录数),Sort(排序的字段名),Order(排序方式),为此我构建了Datagrid的参数类:

  1. public class DatagridParameters {
  2. public int Page { get; set; }
  3. public int Rows { get; set; }
  4. public string Sort { get; set; }
  5. public string Order { get; set; }
  6. }

参数的包装我是通过一般处理程序来处理,也可以是WCF或其他,哪里处理不是本文的重要之处

  1. //获取参数
  2. DatagridParameters dgParameters = new DatagridParameters {
  3. Page = Convert.ToInt32(context.Request.Form["page"]),
  4. Rows = Convert.ToInt32(context.Request.Form["rows"]),
  5. Sort = context.Request.Form["sort"],
  6. Order = context.Request.Form["order"],
  7. };

然后,我们要访问数据:

  1. using (SchoolDatabase db = new SchoolDatabase()) {
  2. UserBO userBO = UserBO.CreateBO<UserBO>();
  3. IQueryable<UserBO> query = userBO.GetUserList(db);
  4. JArray jRows = new JArray();
  5. json.Add(new JProperty("total", query.Count()));
  6. //这里进行排序和分页操作
  7. query = datagridPara.ExecutePaging(query);
  8. foreach (UserBO bo in query) {
  9. JObject o = JObject.FromObject(bo);
  10. jRows.Add(JObject.FromObject(bo));
  11. }
  12. json.Add(new JProperty("rows", jRows));
  13. }

为了实现Queryable的排序和分页,我在DatagridParameters中增加了一个ExecutePaging方法,该方法用于将排序的字符串转换为Lambda排序,并添加分页功能。

  1. public class DatagridParameters {
  2. public int Page { get; set; }
  3. public int Rows { get; set; }
  4. public string Sort { get; set; }
  5. public string Order { get; set; }
  6. /// <summary>
  7. /// 执行分页操作
  8. /// </summary>
  9. /// <typeparam name="T"></typeparam>
  10. /// <param name="source"></param>
  11. /// <returns></returns>
  12. public IQueryable<T> ExecutePaging<T>(IQueryable<T> source) {
  13. if (string.IsNullOrWhiteSpace(Sort)) return source;
  14. if (string.IsNullOrWhiteSpace(Order)) Order = "asc";
  15. try {
  16. Type type = typeof(T);
  17. string methodName = "asc".Equals(Order, StringComparison.OrdinalIgnoreCase) ? "OrderBy" : "OrderByDescending";
  18. PropertyInfo property = type.GetProperty(Sort);
  19. ParameterExpression parameter = Expression.Parameter(type, "c");
  20. MemberExpression propertyAccess = Expression.MakeMemberAccess(parameter, property);
  21. LambdaExpression orderByExp = Expression.Lambda(propertyAccess, parameter);
  22. MethodCallExpression resultExp = Expression.Call(typeof(Queryable), methodName, new Type[] { type, property.PropertyType }, source.Expression, Expression.Quote(orderByExp));
  23. source = source.Provider.CreateQuery<T>(resultExp);
  24. } catch {}
  25. return source.Skip((Page - 1) * Rows).Take(Rows);
  26. }
  27. }

解决EasyUI-Datagrid和LinqToEntity结合应用时排序问题的更多相关文章

  1. 解决easyui datagrid加载数据时,checkbox列没有根据checkbox的值来确定是否选中

    背景:   昨天帮朋友做一个easyui datagrid的小实例时,才发现easyui datagrid的checkbox列,没有根据值为true或false来选中checkbox,当时感觉太让人失 ...

  2. 解决easyui datagrid load时缓存问题

    修改easyui datagrid内容保存后,使用$("#dg").datagrid("reload");或者$("#dg").datagr ...

  3. easyui datagrid 异步加载数据时滚动条有时会自动滚到最底部的问题

    在使用easyui 的datagrid异步加载数据时发现滚动条有时会自动滚到最底部.经测试发现,如果加载数据前没有选中行则不会出现这个问题.这样我们可以在重新异步加载数据前取消选中行就可以避免这个问题 ...

  4. EasyUI datagrid默认勾选checkbox时注意事项

    在使用easyui的datagrid默认选中复选框时遇到的一个问题:就是加载程序默认选中复选框时死活选不中,查了好多资料才知道是easyui的datagrid的singleSelect属性设置为‘tr ...

  5. 解决EasyUI DataGrid删除行失败的方法

    笔者最近在做一个项目的后台,用到了EasyUI的datagrid控件,并开启了行内编辑功能,实际上也就是使用了edatagird这个空间,引用了edatagrid.js,一切似乎都做的顺风顺水,添加数 ...

  6. 实现easyui datagrid在没有数据时显示相关提示内容

    本示例实现easyui datagrid加载/查询数据时,如果没有相关记录,则在datagrid中显示没有相关记录的提示信息,效果如下图所示 本实例要实现如下图所示的效果: 本示例easyui版本为1 ...

  7. EasyUI datagrid 日期时间格式化

    EasyUI datagrid中显示日期时间时,会显示为以下不太直观的数值: 添加以下JavaScript脚本,然后在field中添加 formatter: DateTimeFormatter 即可. ...

  8. jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条

    jquery easyui datagrid 无滚动条,datagrid 没垂直滚动条 ============================== 蕃薯耀 2018年2月6日 http://www. ...

  9. easyui datagrid 没数据时显示滚动条的解决方法

    今天解决了一个bug,因为datagrid有多列,可是当没有数据的时候,后面的列无法通过滚动条拉动来显示,比较麻烦,而需求要求没有数据也要拉动滚动条查看后面有什么列,一开始在网上找了一些资料,发现都不 ...

随机推荐

  1. C# 代理/委托 Delegate

    本文转载自努力,努力,努力 1. 委托的定义:委托是函数的封装,它代表一"类"函数.他们都符合一定的签名:拥有相同的参数列表,返回值类型.同时,委托也可以看成是对函数的抽象,是函数 ...

  2. Binary Tree Level Order Traversal

    Given a binary tree, return the level order traversal of its nodes' values. (ie, from left to right, ...

  3. 19.递归法和非递归法反转链表[ReverseLinkedList]

    [题目] 输入一个链表的头结点,反转该链表,并返回反转后链表的头结点. [非递归]  C++ Code  12345678910111213141516   listnode *Reverse_Ite ...

  4. 卸载Windows服务

    在Windows中,有一类程序称为服务,在操作系统内核加载完成后就开始加载.这里程序往往运行在操作系统的底层,因此资源占用比较大.执行效率比较 高,比较有代表性的就是杀毒软件. 但是一旦因为特殊原因不 ...

  5. C#模拟百度登录

    目录: 1.fiddler解析百度登录地址 2.处理传入参数 1.fiddler解析百度登录地址 因工作需要,所以研究了下百度的登陆.首先打开https://passport.baidu.com/v2 ...

  6. 利用VMware虚拟机(Android-x86 2.2)和eclipse,调试安卓代码

    下载 android-x86-2.2-generic.iso (这里包含eth0)  http://www.android-x86.org/download XP32位 只能使用 VMware Wor ...

  7. DP:Wooden Sticks(POJ 1065)

    摆木棍 题目大意:即使有一堆木棍,给一个特殊机器加工,木棍都有两个属性,一个是l一个是w,当机器启动的时候(加工第一根木棒的时候),需要一分钟,在这以后,设机器加工的上一根木棒的长度是l,质量是w,下 ...

  8. codeforces 476B.Dreamoon and WiFi 解题报告

    题目链接:http://codeforces.com/problemset/problem/476/B 题目意思:给出两个字符串str1, str2,其中,str1 只由 '+' 和 '-' 组成,而 ...

  9. PHP--TP框架----把查询到的数据,显示在模型(模板)里面

    MainController.class.php <?php namespace Home\Controller; use Think\Controller; class MainControl ...

  10. 有关GPU硬件的理解

    1 显卡的DRAM相当于CPU的RAM (Random access memory, 内存). 二者共同的特点是通电的时候才能使用,不正常断电数据就丢失,但正常情况下,会将数据存储到硬盘中.显存又称帧 ...