easyui datagrid+mvc+json之asp.net分页查询

分类：Json作者：编程之家用户

最近在做分页查询的功能，在网上也翻看了不少，但是自己的吸收能力就差了好多，而且当时最大的想法就是，怎么就没有我想要的那种，既是easyui的，又要用mvc的架构，还要能够实现底层的分页传值，用.net平台写的demo，那时就想，等我做出来了，我也要写一篇分页查询的博客，专门为了实现这种需求来做的demo。

效果图

前台view

[html] view plain copy print ?
  1. <tableid="list_data"class="easyui-datagrid"style="width:1075px;height:300px"cellpascing="0"cellpadding="0"></table>

[javascript]
    <scripttype="text/javascript">
  1. //表格的样式
  2. $(function(){
  3. $('#list_data').datagrid({
  4. title:'建议',
  5. iconCls:'icon-view',//图标
  6. loadMsg:"数据加载中，请稍后......",108); list-style:decimal-leading-zero outside; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> width:1056,
  7. height:'auto',108); list-style:decimal-leading-zero outside; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> nowrap:false,
  8. striped:true,108); list-style:decimal-leading-zero outside; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> border: collapsible://是否可折叠
  9. fit://自动大小
  10. url:"/EvaluationSuggestion/GetData",0); background-color:inherit">//controller的地址，controller的名字+返回json的方法
  11. remoteSort: singleSelect://是否单选
  12. pagination://分页控件
  13. rownumbers://行号
  15. columns:[[
  16. {field:'SuggestionContent',title:'建议',width:'1056'},0); background-color:inherit">//选择
  17. ]],
  18. });
  19. //设置分页控件
  20. varp=$('#list_data').datagrid('getPager');
  21. $(p).pagination({
  22. pageNumber:1,//默认显示第几页
  23. pageSize:10,108); list-style:decimal-leading-zero outside; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> pageList:[5,10,15],108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px"> beforePageText:'第',108); list-style:decimal-leading-zero outside; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> afterPageText:'页共{pages}页',108); list-style:decimal-leading-zero outside; color:inherit; line-height:18px"> displayMsg:'当前显示{from}-{to}条记录共{total}条记录'
  25. </script>

解说：如果想要进行分页，首先就必须将datagrid的属性pagination设置为true。

pager是分页栏，这个标签用来设置分页的总体参数，

url是链接的重要根地址，pager标签会在这个链接的基础上附加分页参数。

Controller.cs

[csharp]
    #region查询建议的controller
  1. ///<summary>
  2. ///查询建议的controller
  3. ///</summary>
  4. ///<returns>返回值action，用于与view层交互</returns>
  5. publicActionResultSuggestionIndex()
  6. {
  7. returnView();
  8. }
  9. #endregion
  11. #region将建议数据转换成json字符串
  12. ///将建议数据转换成json字符串
  13. ///<returns>返回json字符串</returns>
  14. publicJsonResultGetData()
  15. IEvaluationSuggestionWCFsuggestion=ServiceFactory.GetEvaluationSuggestion();
  16. List<EvaluationSuggestion>lstResut=newList<EvaluationSuggestion>();
  17. //接收datagrid传来的参数
  18. varpageIndex=int.Parse(Request["page"]);//当前页
  19. varpageSize=int.Parse(Request["rows"]);//页面行数
  20. vartotal=0;
  21. lstResut=suggestion.QuerySuggestionbyPage(pageSize,pageIndex,outtotal);
  22. vardata=new
  23. {
  24. total,108); list-style:decimal-leading-zero outside; line-height:18px; margin:0px!important; padding:0px 3px 0px 10px!important"> rows=lstResut
  25. };
  26. returnJson(data,JsonRequestBehavior.AllowGet);
  27. #endregion

解说：page和rows是直接可以从前台获取的。data设置数据格式，转换成Json字符串后，能够在分页中正确获取。


服务端

    #region分页查询+排序：
  1. ///分页查询+排序
  2. ///<typeparamname="Tkey">泛型</typeparam>
  3. ///<paramname="pageSize">每页大小</param>
  4. ///<paramname="pageIndex">当前页码</param>
  5. ///<paramname="total">总数量</param>
  6. ///<paramname="orderbyLambda">排序条件</param>
  7. ///<paramname="isAsc">是否升序</param>
  8. ///<returns>IQueryable泛型集合</returns>
  9. publicIQueryable<T>LoadPageItems<Tkey>(intpageSize,intpageIndex,153); font-weight:bold; background-color:inherit">outinttotal,Func<T,Tkey>orderbyLambda,153); font-weight:bold; background-color:inherit">boolisAsc)
  10. total=MyBaseDbContext.Set<T>().Count();
  11. if(isAsc)
  12. vartemp=MyBaseDbContext.Set<T>().OrderBy<T,Tkey>(orderbyLambda)
  13. .Skip(pageSize*(pageIndex-1))
  14. .Take(pageSize);
  15. returntemp.AsQueryable();
  16. }
  17. else
  18. vartemp=MyBaseDbContext.Set<T>().OrderByDescending<T,Tkey>(orderbyLambda)
  19. .Skip(pageSize*(pageIndex-1))
  20. .Take(pageSize);
  21. returntemp.AsQueryable();
  22. #endregion

解说：这个是我们底层的类库，我直接贴过来的，底层使用EF，涉及到lambda表达式。不过除去形式，分页查询的思想都是一样的，真分页，根据记录总数，每页记录数和当前页码，获取当前页码的数据集合。页数=总记录数/每页记录数。当前页码的数据集合，向数据库传递条件筛选，from（当前页码-1）*每页记录数to当前页码*每页记录数获取当前页码数据集合。具体实现自己来做吧。

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。

相关推荐

优化cesium里的热力图
文章浏览阅读2.4k次。最近要优化cesium里的热力图效果，浏览了网络上的各种方法，发现大多是贴在影像上的。这么做好是好，但是会被自生添加的模型或者其他数据给遮盖。其次是网上的方法大多数是截取成一个矩形。不能自定义的截取自己所需要的。经过尝试，决定修改下cesium heatmap，让他达到我们需要的要求。首先先下载 cesium heatmap包。其中我们可以看到也是通过叠加entity达到添加canvas的方法绘制到地图上。我们先把这一段代码注释} else {} };
python读写json文件方法详解
文章浏览阅读1.2w次，点赞3次，收藏19次。在 Python中读取 json文件也可以使用 sort （）函数，在这里我介绍一个简单的示例程序： （4）如果我们想将字符串转换为列表形式，只需要添加一个变量来存储需要转换的字符串即可。在上面的代码中，我们创建了一个名为` read`的对象，然后在文件的开头使用`./`关键字来命名该对象，并在文件中定义了一个名为` json`的变量，并在其中定义了一个名为` json`的字段。比如，我们可以使用 read方法读取 json文件中的内容，然后使用 send方法将其发送到 json文件中。_python怎么读取json文件
Python API：它是什么以及如何使用它
文章浏览阅读1.4k次。首字母缩略词 API 代表应用程序编程接口，它是一种设备，例如用于使用编程代码发送和检索数据的服务器。最常见的是，该技术用于从源检索数据并将其显示给软件应用程序及其用户。当您访问网页时，API 的工作方式与浏览器相同，信息请求会发送到服务器，如何在 Windows PC 中手动创建系统还原点服务器会做出响应。唯一的区别是服务器响应的数据类型，对于 API，数据是 JSON 类型。JSON 代表 JavaScript Object Notation，它是大多数软件语言中 API 的标准数据表示法。_api是什么 python
解决一个JSON反序列化问题-空字符串变为空集合
文章浏览阅读802次，点赞10次，收藏10次。解决一个JSON反序列化问题-空字符串变为空集合_cannot coerce empty string ("") to element of `java.util.arraylist
Untiy Json和Xml的序列化和反序列化
文章浏览阅读882次。Unity Json和Xml的序列化和反序列化_unity json反序列化存储换行
使用ant design vue的a-upload上传组件，自定义上传事件，点了导入图标按钮就自动打开了电脑上的文件夹，将选中的.json文件里的数据解析出来页面使用（纯前端操作）
文章浏览阅读796次。reader.readAsText(data.file)中data.file的数据格式为。使用FileReader对象读取文件内容，最后将文件内容进行处理使用。_a-upload 同时支持文件和文件夹
json解析之fastjson和jackson使用对比
文章浏览阅读775次，点赞19次，收藏10次。fastjson是由国内的阿里推出的一种json处理器，由java语言编写，无依赖，不需要引用额外的jar包，能直接运行在jdk环境中，它的解析速度是非常之快的，目前超过了所有json库。提示：以下是引用fastjson的方法，数据未涉及到私密信息。_解析器用fastjson还是jackson
【Qt之JSON文件】QJsonDocument、QJsonObject、QJsonArray等类介绍及使用
文章浏览阅读940次。【Qt之JSON文件】QJsonDocument、QJsonObject、QJsonArray等类介绍及使用_使用什么方法检查qjsondocument是否为空
ajax与 JSON
文章浏览阅读957次，点赞34次，收藏22次。主要内容原生 ajax重点重点JSON熟悉章节目标掌握原生 ajax掌握jQuery ajax掌握JSON第一节 ajax1. 什么是ajaxAJAX 全称为，表示异步的Java脚本和Xml文件，是一种异步刷新技术。2. 为什么要使用ajaxServlet进行网页的变更往往是通过请求转发或者是重定向来完成，这样的操作更新的是整个网页，如果我们只需要更新网页的局部内容，就需要使用到AJAX来处理了。因为只是更新局部内容，因此，Servlet。
@JsonFormat与@DateTimeFormat
文章浏览阅读1.4k次，点赞45次，收藏13次。主要介绍了JsonFormat与@DateTimeFormat注解实例解析,文中通过示例代码介绍的非常详细，对大家的学习 或者工作具有一定的参考学习价值,需要的朋友可以参考下 这篇文章主要介绍了从数据库获取时间传到前端进行展示的时候，我们有时候可能无法得到一个满意的时间格式的时间日期，在数据库中显 示的是正确的时间格式，获取出来却变成了时间戳，@JsonFormat注解很好的解决了这个问题，我们通过使用 @JsonFormat可以很好的解决：后台到前台时间格式保持一致的问题，
@JsonDeserialize和@JsonSerialize注解的使用
文章浏览阅读1k次。JsonDeserialize：json反序列化注解，作用于setter()方法，将json数据反序列化为java对象。可以理解为用在处理接收的数据上。_jsondeserialize
labelme标注的json文件转yolo格式
文章浏览阅读2.7k次。labelme标注的json文件是在数据标注时产生，不能直接应用于模型训练。各大目标检测训练平台或项目框架均有自己的数据格式要求，通常为voc、coco或yolo格式。由于yolov8项目比较火热，故此本博文详细介绍将json格式标注转化为yolo格式的过程及其代码。_labelme json 转 yolo
mysql聚合函数andjson_object 例子
文章浏览阅读790次，点赞26次，收藏6次。GROUP_CONCAT_UNORDERED(): 与GROUP_CONCAT类似，但不保证结果的顺序。COUNT_DISTINCT_AND_ORDERED(): 计算指定列的不同值的数量，并保持结果的顺序。COUNT_ALL_DISTINCT(): 计算指定列的所有不同值的数量（包括NULL）。AVG_RANGE(): 计算指定列的最大值和最小值之间的差异的平均值。JSON_OBJECT(): 将结果集中的行转换为JSON对象。COUNT_DISTINCT(): 计算指定列的不同值的数量。_mysql json 聚合
ajax同步与异步,json-serve的安装与使用,node.js的下载
文章浏览阅读1.2k次。ajax同步与异步,json-serve的安装与使用,node.js的下载_json-serve 与node版本
C# 操作json
文章浏览阅读1.7k次。`.net core`提供了Json处理模块，在命名空间`System.Text.Json`中，下面通过顶级语句，对C#的Json功能进行讲解。_c# json
python之json文件读写操作
文章浏览阅读2.8k次。主要介绍了python对于json文件的读写操作内容_python读取json文件
Json中文乱码问题的解决方法——C#实现
文章浏览阅读770次。然而，有时候在处理包含中文字符的Json数据时会出现乱码的情况。本文将介绍一种解决Json中文乱码问题的常见方法，并提供相应的源代码和描述。而某些情况下，中文字符可能会被错误地编码或解码，导致乱码的出现。通过适当地控制编码和解码过程，我们可以有效地处理包含中文字符的Json数据，避免乱码的发生。通过控制编码和解码过程，我们可以确保Json数据中的中文字符能够正确地传输和解析。为了解决这个问题，我们可以使用C#的System.Text.Encoding类提供的方法进行编码和解码的控制。_c# json 中文编码
【工具】XML和JSON互相转换
文章浏览阅读997次。【代码】【工具】XML和JSON互相转换。_xml 转json
jsonpath提取数据
文章浏览阅读1.1k次。json path 提取数据_jsonpath数组取值
pandas read_json时ValueError: Expected object or value的解决方案
文章浏览阅读3w次，点赞35次，收藏36次。本文主要介绍了pandas read_json时ValueError: Expected object or value的解决方案，希望能对学习python的同学们有所帮助。文章目录1. 问题描述2. 解决方案_valueerror: expected object or value
pythonJavaScriptjavaHTMLPHPreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-boot