页面展示效果。

页面代码：

  1. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  2. <%@include file="/common/common.jsp" %>
  3. <html>
  4. <head>
  5. <title></title>
  6. </head>
  7. <body>
  8. <h2>样片库管理</h2>
  9. <div style="padding:8px;height:auto">
  10. 参数项名称: <input class="easyui-validatebox" type="text" name="name" data-options="required:true">
  11. 创建时间: <input class="easyui-datebox" name="createTime" style="width:80px">
  12. <a href="#" class="easyui-linkbutton" iconCls="icon-search">查找</a>
  13. <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">添加</a>
  14. </div>
  15. <table id="tt" class="easyui-datagrid" style="width:910px;height:350px"
  16. title="参数项列表" iconCls="icon-save"
  17. rownumbers="false" pagination="true">
  18. </table>
  19. <script type="text/javascript">
  20. $('#tt').datagrid({
  21. title: "参数项列表",
  22. url: '/getAllParam',
  23. pageSize:5,
  24. columns: [
  25. [
  26. {field: 'paramId', title: '参数ID', width: 180, align: "center"},
  27. {field: 'paramName', title: '参数名称', width: 180, align: "center"},
  28. {field: 'paramLabel', title: '标签', width: 180, align: 'center'},
  29. {field: 'createTime', title: '创建时间', width: 180, align: "center"}
  30. ]
  31. ], toolbar: [
  32. {
  33. text: '添加',
  34. iconCls: 'icon-add',
  35. handler: function () {
  36. openDialog("add_dialog", "add");
  37. }
  38. },
  39. '-',
  40. {
  41. text: '修改',
  42. iconCls: 'icon-edit',
  43. handler: function () {
  44. openDialog("add_dialog", "edit");
  45. }
  46. },
  47. '-',
  48. {
  49. text: '删除',
  50. iconCls: 'icon-remove',
  51. handler: function () {
  52. delAppInfo();
  53. }
  54. }
  55. ]
  56. });
  57. //设置分页控件
  58. var p = $('#tt').datagrid('getPager');
  59. p.pagination({
  60. pageSize: 5,//每页显示的记录条数，默认为10
  61. pageList: [5, 10, 15],//可以设置每页记录条数的列表
  62. beforePageText: '第',//页数文本框前显示的汉字
  63. afterPageText: '页    共 {pages} 页',
  64. displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录'
  65. });
  66. </script>
  67. </body>
  68. </html>

mapper.xml

  1. <!-- 分页查询-->
  2. <select id="selectAllPage" resultMap="BaseResultMap" parameterType="java.util.Map" >
  3. select
  4. <include refid="Base_Column_List"/>
  5. from param_item
  6. <include refid="Example_Where_Clause"/>
  7. limit #{pageIndex},#{pageSize}
  8. </select>

controller方法

    1. @RequestMapping(value = "getAllParam")
    2. public void getAllParam(HttpServletRequest request, HttpServletResponse response,
    3. @RequestParam(required = false, defaultValue = "1") Integer page, //第几页
    4. @RequestParam(required = false, defaultValue = "10") Integer rows, //页数大小
    5. @RequestParam(required = false, defaultValue = "") String paramName,
    6. @RequestParam(required = false, defaultValue = "") String createTime
    7. ) throws IOException {
    8. JSONObject params = new JSONObject();
    9. params.put("pageSize", rows);
    10. params.put("pageIndex", (page-1)*rows);
    11. if (StringUtil.notEmpty(paramName)) {
    12. params.put("paramName", paramName);
    13. }
    14. if (StringUtil.notEmpty(createTime)) {
    15. }
    16. List list = paramItemService.getAllItemPage(params);
    17. JSONObject result = new JSONObject();
    18. result.put("rows", list);
    19. result.put("total", 11);
    20. ResponseUtil.sendJsonNoCache(response, result.toJSONString());
    21. }

MyBatis+springMVC+easyUI (dataGirl)实现分页的更多相关文章

  1. SSM后台管理系统（Spring SpringMVC Mybatis Mysql EasyUI）

    非常简单的一个后台管理系统,功能不多,框架也不复杂, 源码下载(附数据库)-ssm后台管理系统框架(Spring mvc + mybatis + mysql + easyui ) 实例图片

  2. Spring+Mybatis+SpringMVC后台与前台分页展示实例（附工程）（转）

    林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 摘要:本文实现了一个后台由Spring+Mybatis+SpringMVC组成,分页采用Pag ...

  3. Spring+Mybatis+SpringMVC后台与前台分页展示实例（附工程）

    林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 摘要:本文实现了一个后台由Spring+Mybatis+SpringMVC组成,分页采用Pag ...

  4. Spring+Mybatis+SpringMVC后台与前台分页展示实例

    摘要:本文实现了一个后台由spring+Mybatis+SpringMVC组成,分页采用PageHelper,前台展示使用bootstrap-paginator来显示效果的分页实例.整个项目由mave ...

  5. 【原】EasyUI ComboGrid 集成分页、按键示例

    需求: 1.下拉框下拉时出现表格: 2.表格带分页功能: 3.可以使用向上键.向下键在表格中移动选择行数据: 4.可以使用回车键在表格中选中行数据: 5.在下拉框的文本框中输入内容,能查询表格: 6. ...

  6. maven SpringMVC easyUI项目创建

    在Eclipse中使用Maven创建SpringMVC项目,项目所需软件及工具可以在官网下载.Maven.Nexus及Eclipse集成Maven等到此配置完毕. 1.Maven创建Web项目. 打开 ...

  7. EasyUI的datagrid分页

    EasyUI的datagrid分页 前台代码: <script type="text/javascript"> $(function () { //查询 search( ...

  8. Spring+Mybatis+SpringMVC+Maven+MySql搭建实例

    林炳文Evankaka原创作品.转载请注明出处http://blog.csdn.net/evankaka 摘要:本文主要讲了如何使用Maven来搭建Spring+Mybatis+SpringMVC+M ...

  9. easy-ui treegrid 实现分页 并且添加自定义checkbox

    首先第一点easy-ui  treegrid 对分页没有好的实现, 因为在分页的过程中是按照 根节点来分页的  后台只能先按照 根节点做分页查询  再将子节点关联进去, 这样才能将treegrid 按 ...

随机推荐

  1. Servlet之Cookie操作

    Java对cookie的操作比较简单,主要介绍下建立cookie和读取cookie,以及如何设定cookie的生命周期和cookie的路径问题. 1,建立一个无生命周期的cookie,即随着浏览器的关 ...

  2. myeclipse中的js文件报错

    方法一:myeclipse9 很特殊 和 myeclipse10 不一样,所以myeclipse9 不能使用该方法. 方法二: 为了做一个页面特效,导入了一个jquery文件,怎想,myeclipse ...

  3. kvm虚似机监控

    [root@ok Desktop]# yum install virt-top [root@ok Desktop]# virt-top virt-top 22:53:44 - x86_64 4/4CP ...

  4. Net4.0---AspNet中URL重写的改进（转载）

    转载地址:http://www.cnblogs.com/oec2003/archive/2010/07/27/1785862.html URL重写有很多的好处,如有利于SEO.便于记忆.隐藏真实路径使 ...

  5. oracle 10g 学习之多表查询、分组函数（6）

    笛卡尔集 l  笛卡尔集会在下面条件下产生: 省略连接条件 连接条件无效 所有表中的所有行互相连接 l  为了避免笛卡尔集, 可以在 WHERE 加入有效的连接条件. 自连接 select m.las ...

  6. 远程登录 - telnet、mstsc等工具的使用及遇到的问题

    刚开始是看到老师在用mstsc远程登录oj服务器桌面对“远程登录”一系列的方法开始感兴趣.下面是我的学习笔记及遇到的一些问题的整理. Mstsc - 百度百科:http://baike.baidu.c ...

  7. Java Hour 61 基础概念拾遗

    循环遍历器 for (Iterator iter = list.iterator(); iter.hasNext();) { int i = ((Integer) iter.next()).intVa ...

  8. PHP多文件上传类

    <?php class Upload{ var $saveName;// 保存名 var $savePath;// 保存路径 var $fileFormat = array('gif','jpg ...

  9. 如何在多模型的情况下进行EF6的结构迁移

    所谓多模型就是在一个数据库中包含两个不同模型,或者换句话说就是两个不同DbContext的数据都放到同一个数据库中.这里的多模型不是指多租户的数据库(有谁知道EF很好处理多租户数据库的方案,可以联系我 ...

  10. MyEclipse导入Maven项目

    转自:http://blog.csdn.net/xuelu198708/article/details/8561115 导入分两种方法: 1.使用MyEclipse的普通工程导入,步骤如下: 1> ...