EasyUI的datagrid分页

前台代码:

  1. <script type="text/javascript">
  2. $(function () {
  3. //查询
  4. search();
  5. });
  6.  
  7. //查询
  8. function search() {
  9. var startDate = $("input[name='startDate']").val();
  10. var endDate = $("input[name='endDate']").val();
  11.  
  12. //加载datagrid
  13. $('#listdata').datagrid({
  14. url: "@Url.Content("~/Backstage/MachineMng/CashMng/TouBiZhaoLingSearch")",
  15. queryParams: { 'startDate': startDate, 'endDate': endDate },
  16. columns: [[
  17. { field: 'addTime', title: '日期', width: 100 },
  18. {
  19. field: 'orderId', title: '摘要', width: 100, formatter: function (value, rowData, rowIndex) {
  20. return "订单号:" + rowData["orderId"];
  21. }
  22. },
  23. { field: 'userName', title: '操作人', width: 100 },
  24. { field: 'opera', title: '操作', width: 100 }
  25. ]],
  26. rownumbers: true,
  27. pagination: true, //分页控件
  28. pageList: [10, 20, 50],
  29. pageNumber: 1,
  30. singleSelect: true,
  31. loadMsg: "数据加载中……",
  32. fitColumns: true
  33. });
  34.  
  35. //设置分页控件
  36. var p = $('#listdata').datagrid('getPager');
  37. $(p).pagination({
  38. beforePageText: '第', //页数文本框前显示的汉字
  39. afterPageText: '页 共 {pages} 页',
  40. displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录'
  41. });
  42. }
  43. </script>

后台:

  1. public ActionResult TouBiZhaoLingSearch(string startDate, string endDate, int page, int rows)
  2. {
  3. int totalCount;
  4. DataTable dt = cashDal.GetListAll(startDate, endDate, rows, page, out totalCount);
  5.  
  6. Dictionary<string, object> dic = new Dictionary<string, object>();
  7. List<object> list = new List<object>();
  8. foreach (DataRow dr in dt.Rows)
  9. {
  10. Dictionary<string, object> item = new Dictionary<string, object>();
  11. item.Add("id", dr["id"].ToString());
  12. item.Add("addTime", dr["addTime"].ToString());
  13. item.Add("orderId", dr["orderId"].ToString());
  14. item.Add("userName", dr["userName"].ToString());
  15. item.Add("opera", "");
  16. list.Add(item);
  17. }
  18.  
  19. dic["total"] = totalCount;
  20. dic["rows"] = list;
  21. return Content(JsonConvert.SerializeObject(dic));
  22. }

EasyUI的datagrid分页的更多相关文章

  1. easyui的datagrid分页写法小结

    easyui的datagrid分页死活不起作用...沙雕了...不说了上代码 //关闭tab1打开tab2 查询Detail function refundDetail(){ $('#tt').tab ...

  2. EasyUI 中datagrid 分页。

    注释:datagrid分页搞了好几天才完全搞好,网上没完全的资料.明天晚上贴代码. 睡觉.

  3. EasyUI 自定义DataGrid分页

    DataGrid内建分页能力是强大的,它比自定义相对容易.在这个教程,我们将要创建DataGrid并且在页面工具栏中添加一些自定义按钮.标记<table id="tt"> ...

  4. EasyUI的DataGrid 分页栏英文改中文解决方案

    (一)分页栏英文改中文解决方案 这个问题其实很简单,就是引入文件jquery-easyui-1.3/locale/easyui-lang-zh_CN.js . 注意这个文件要放在本页js的后面,放在最 ...

  5. EasyUI之DataGrid分页

    第一步创建分页DataGrid <table id="dg"> <thead> <tr> <th data-options="f ...

  6. Easyui的datagrid结合hibernate实现数据分页

    最近在学习easyui的使用,在学到datagrid的时候遇到了一些问题,终于抽点时间整理了一下,分享出来,请各位前辈高手多多指教! 1.先来看看效果,二话不说,上图直观! 2.easyui的data ...

  7. SSh结合Easyui实现Datagrid的分页显示

    近日学习Easyui,发现非常好用,界面很美观.将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加.修改.删除.批量删除等功能将在后面的博客一一写来. ...

  8. jquery easyui datagrid 分页详解

    由于项目原因,用了jquery easyui 感觉界面不错,皮肤样式少点,可是官网最近打不开了,资料比较少,给的demo没有想要的效果,今天在用datagrid 做分页显示的时候,折腾了半天,网上的资 ...

  9. EasyUI DataGrid分页数据绑定

    记录东西感觉很痛苦,总结东西很痛苦,麻烦,不过为了下次的方便和知识的牢固以后要坚持总结. EasyUI DataGrid分页数据绑定 在解决方案中新建两个文件FormMain.aspx(html也可以 ...

随机推荐

  1. [翻译]docker生态圈Mindmap

    Docker是一个开源的Linux容器,其被业界所接受,很快成为了一个产业标准.Docker可以减少应用程序启动 时候的大量资源的筹备.docker很快的成为了新兴的应用程序容器标准.现在有很多项目正 ...

  2. 【开源】开发者新闻聚合APP 1.0.3发布(第一个稳定版本,短期内不再发布新版本)

    聚合了博客园新闻.infoq新闻.36kr新闻.oschina新闻.51cto新闻.csdn新闻: 争取做到随时刷随时有开发者的新闻! 目前还只支持安卓APP 最新版本的下载地址:https://gi ...

  3. 技术渣如狗,面试虐成猴——本科楼主UC笔试加处女一面全纪录

    背景——楼主为广州某校小本一枚,学习成绩渣(班里排名几乎倒数),技术基础渣(算是会敲代码,但很多计算机网络.操作系统的知识都只有模糊的印象).在舍友的鼓励下,收到广州UC的面试通知后,勇敢来到公司直面 ...

  4. Java-集合练习5

    第五题 (Map)设计Account 对象如下: private long id; private double balance; private String password; 要求完善设计,使得 ...

  5. PsySH:PHP交互运行环境

    是什么 我们经常会在命令行用到诸如mysql.python等命令,特点是一旦输入后,会进入命令本身的交互运行环境.示例: [root@iZ25vs3mckhZ ~]# python Python 2. ...

  6. Node.js入门:文件查找机制

    文件查找流程图 从文件模块缓存中加载     尽管原生模块与文件模块的优先级不同,但是都不会优先于从文件模块的缓存中加载已经存在的模块. 从原生模块加载     原生模块的优先级仅次于文件模块缓存的优 ...

  7. Android WebView 总结 —— Java和JavaScript交互

    交互如何实现 实现Java和js交互十分便捷.通常只需要以下几步. WebView开启JavaScript脚本执行 WebView设置供JavaScript调用的交互接口. 客户端和网页端编写调用对方 ...

  8. Account problem-There may be a problem with your account. Please contact us. Sign out

    很多人在使用开发者账号AppleID的时候,都会碰到如下问题 There may be a problem with your account. Please contact us. 登录到苹果的开发 ...

  9. 实用的开放源码的Excel导入导出类库 CarlosAg ExcelXmlWriter

    做企业管理软件经常会遇到要把数据导出成EXCEL格式,目前市面上有很多工具类库可以实现此功能.CarlosAg ExcelXmlWriter是其中之一,它绿色小巧,免安装,又源码开放,我在项目中一直以 ...

  10. (转)JS模块化编程之AMD规范

    模块的规范 原文地址 先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块. 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有 ...