jsp页面

js代码:

  1. $(function() {
  2. $('#ff').hide();
  3. $('#tt').datagrid({
  4. title : '信息显示',
  5. iconCls : 'icon-save',
  6. width : 'auto',
  7. height : 'auto',
  8. pageSize:10,
  9. pageList : [ 5, 10, 15 ],
  10. nowrap : true,
  11. striped : true,
  12. collapsible : true,
  13. url : 'pecc/peccList.action',
  14. loadMsg : '数据装载中......',
  15. onLoadError : function() {
  16. alert('数据加载失败!');
  17. },
  18. sortName : 'code',
  19. sortOrder : 'desc',
  20. remoteSort : false,
  21. frozenColumns : [ [ {
  22. field : 'ck',
  23. checkbox : true
  24. } ] ],
  25. columns : [ [ {
  26. title : '车牌号',
  27. field : 'carNumber',
  28. width : '100',
  29. rowspan : 2,
  30. align : 'center'
  31. }, {
  32. title : '车主',
  33. field : 'carPer',
  34. width : '100',
  35. rowspan : 2,
  36. align : 'center'
  37. }, {
  38. title : '违章时间',
  39. field : 'pTime',
  40. width : '80',
  41. rowspan : 2,
  42. align : 'center'
  43. }, {
  44. title : '违章地点',
  45. field : 'pPlace',
  46. width : '220',
  47. rowspan : 2,
  48. align : 'center'
  49. }, {
  50. title : '违章原因',
  51. field : 'pCase',
  52. width : '220',
  53. rowspan : 2,
  54. align : 'center'
  55. }, {
  56. title : '来源',
  57. field : 'pOrg',
  58. width : '120',
  59. rowspan : 2,
  60. align : 'center'
  61. }, {
  62. title : '交警大队',
  63. field : 'pPer',
  64. width : '300',
  65. rowspan : 2,
  66. align : 'center'
  67. } ] ],
  68. pagination : true,
  69. rownumbers : true,
  70. toolbar : [ {
  71. text : '全部',
  72. iconCls : 'icon-ok',
  73. handler : function() {
  74. $('#tt').datagrid({
  75. url : 'pecc/peccList.action'
  76. });
  77. }
  78. }, '-', {
  79. text : '添加',
  80. iconCls : 'icon-add',
  81. handler : function() {
  82. openAdd();
  83. $('#ff').show();
  84. $('#ff').form('clear');
  85. $('#ff').appendTo('#aa');
  86. }
  87. }, '-', {
  88. text : '修改',
  89. iconCls : 'icon-edit',
  90. handler : getSelect
  91. }, '-', {
  92. text : '删除',
  93. iconCls : 'icon-remove',
  94. handler : del
  95. }, '-', {
  96. text : '查询',
  97. iconCls : 'icon-search',
  98. handler : function() {
  99. $('#query').window('open');
  100. }
  101. } ]
  102. });
  103. displayMsg();
  104. });
  105. function displayMsg() {
  106. $('#tt').datagrid('getPager').pagination({
  107. displayMsg : '当前显示从{from}到{to}共{total}记录'
  108. });
  109. }

Action 代码:

  1. @Controller
  2. @ParentPackage("mydefault")
  3. @Namespace("")
  4. public class Pecc extends ActionSupport {
  5. private static final long serialVersionUID = 1L;
  6. @Resource
  7. PerinfoService perinfoService;
  8. @Resource
  9. PeccancyService peccancyService;
  10. @Action("/pecc")
  11. public String peccList() {
  12. try {
  13. HttpServletRequest re = ServletActionContext.getRequest();
  14. HttpServletResponse response = ServletActionContext.getResponse();
  15. response.setCharacterEncoding("UTF-8");
  16. PrintWriter out = response.getWriter();
  17. SimpleDateFormat sdf = new SimpleDateFormat("yyyy-mm-dd");
  18. JSONArray jsonArray = new JSONArray();
  19. JSONObject jsonobj = new JSONObject();
  20. Map map = new HashMap();
  21. long all = perinfoService.getCount(map);
  22. String page = re.getParameter("page");
  23. String rows = re.getParameter("rows");
  24. // 当前页
  25. int intPage = Integer.parseInt((page == null || page == "0") ? "1" : page);
  26. // 每页显示条数
  27. int number = Integer.parseInt((rows == null || rows == "0") ? "10" : rows);
  28. // 每页的开始记录 第一页为1 第二页为number +1
  29. int start = (intPage - 1) * number;
  30. map.put("page", start);
  31. map.put("pageCount", number);
  32. List list = peccancyService.getList(map);
  33. for (Peccancy con : list) {
  34. jsonobj.put("id", con.getId());
  35. jsonobj.put("carNumber", con.getCarNumber());
  36. jsonobj.put("carPer", con.getCarPer());
  37. jsonobj.put("pTime", sdf.format(con.getPTime()));
  38. jsonobj.put("pPlace", con.getPPlace());
  39. jsonobj.put("pCase", con.getPCase());
  40. jsonobj.put("pOrg", con.getPOrg());
  41. jsonobj.put("pPer", con.getPPer());
  42. jsonArray.add(jsonobj);
  43. }
  44. Map json = new HashMap();
  45. json.put("total", all);// total键 存放总记录数,必须的
  46. json.put("rows", jsonArray);// rows键 存放每页记录 list
  47. jsonobj = JSONObject.fromObject(json);// 格式化result一定要是JSONObject
  48. out.print(jsonobj);
  49. out.flush();
  50. out.close();
  51. } catch (IOException e) {
  52. System.out.println(e);
  53. }
  54. return null;
  55. }

Struts.xml 配置:

  1. <</span>package name="mydefault" extends="struts-default">
  2. <</span>global-results>
  3. <</span>result name="exception">/index.jsp</</span>result>
  4. </</span>global-results>
  5. <</span>global-exception-mappings>
  6. <</span>exception-mapping exception="java.lang.Exception"
  7. result="exception" />
  8. </</span>global-exception-mappings>
  9. </</span>package>



版权声明:本文为博主原创文章,未经博主允许不得转载。

Struts2&nbsp;+&nbsp;easyui的DataGrid&nbsp;分页的更多相关文章

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

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

  2. schemaeasyui实例:SSh结合Easyui实现Datagrid的分页显示

    查了好多资料,发现还是不全,干脆自己整理吧,最少保证在我的做法正确的,以免误导读者,也是给自己做个记载吧! 克日学习Easyui,发现非常好用,界面很雅观.将学习的心得在此写下,这篇博客写SSh结合E ...

  3. 实例:SSh结合Easyui实现Datagrid的分页显示

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

  4. EasyUI表格DataGrid前端分页和后端分页的总结

    Demo简介 Demo使用Java.Servlet为后台代码(数据库已添加数据),前端使用EasyUI框架,后台直接返回JSON数据给页面 1.配置Web.xml文件 <?xml version ...

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

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

  6. EasyUI的datagrid分页

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

  7. easyui的datagrid分页写法小结

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

  8. 关于Jquery EasyUI中的DataGrid服务器端分页随记

    一.关于DataGrid的分页和排序参数 对于分页参数不需要用户指定,程序在AJAX请求的时候会带上分页和排序需要的参数 每页显示条数:rows 当前页:page 排序字段:sort  [multiS ...

  9. Easyui datagrid 修改分页组件的分页提示信息为中文

    datagrid 修改分页组件的分页提示信息为中文 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 默认分页组件为英文展示,如下,希望改成中文展示 ...

随机推荐

  1. spring boot 项目搭建时,各个依赖的作用

    项目搭建页面 https://start.spring.io/ 各个依赖的作用 List of dependencies for Spring Boot 2.1.5.RELEASE Core DevT ...

  2. EasyPlayerPro Windows播放器读取xml配置文件中的特殊字符问题

    问题被反馈 今日一客户反馈说播放不了带用户名密码的流, 奇怪,这个问题不存在啊-,按照客户的说法, 是将url地址保存在配置文件中,然后再打开EasyPlayerPro运行: 问题复现 在EasyPl ...

  3. 一些重要的地址:md5在线解密破解

    md5在线解密破解:https://www.cmd5.com/

  4. 九度OJ 1178:复数集合 (插入排序)

    时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:8393 解决:1551 题目描述: 一个复数(x+iy)集合,两种操作作用在该集合上: 1.Pop 表示读出集合中复数模值最大的那个复数,如 ...

  5. (转)nginx-rtmp-module和ffmpeg搭建实时HLS切片

    1.rtmp服务器 nginx+pcre+zlib+openssl+nginx-rtmp-module ./configure \ --prefix=/usr/local/nginx \ --sbin ...

  6. CUDA: 原子操作

    1.1以上计算功能集支持全局内存上的原子操作, 1.2以上支持共享内存上的原子操作. atomicAdd(add,y)将生成一个原子的操作序列,这个操作序列包括读取地址addr处的值,将y增加到这个值 ...

  7. 采集练习(十) php 获得电视节目预告---数据来自搜视网

    前几天逛湖南卫视,偶然间发现它的网站上也有节目预告,一看源码,居然是来自搜视网的xml,于是就想获得它的数据(页面直接ajax加载估计会有跨域问题) 前阵子也写过另一个方法获得 节目预告(采集练习(七 ...

  8. SQL语法之初级增删改查

    SQL语法之初级增删改查 1.增 1.1插入单行 INSERT INTO [表名](列名) VALUES(列值) 语法如下: INSERT INTO bsp_Nproductclass(guid,pi ...

  9. springcloud 研发规范

    1) 程序结构规范 1: Facade-Stub:包含所有对外提供服务的借口定义,并对外提供 2:  Façade:实现Façade-Stub里面定义的全部借口,可以调用Service模块和Commo ...

  10. vue 动态传值笔记

    :prop="'answers.a' + item.split('.')[1]+'.total'" {{scope.row.answers['a'+item.split('.')[ ...