Struts2 + easyui的DataGrid 分页
jsp页面
js代码:
- $(function() {
- $('#ff').hide();
- $('#tt').datagrid({
- title : '信息显示',
- iconCls : 'icon-save',
- width : 'auto',
- height : 'auto',
- pageSize:10,
- pageList : [ 5, 10, 15 ],
- nowrap : true,
- striped : true,
- collapsible : true,
- url : 'pecc/peccList.action',
- loadMsg : '数据装载中......',
- onLoadError : function() {
- alert('数据加载失败!');
- },
- sortName : 'code',
- sortOrder : 'desc',
- remoteSort : false,
- frozenColumns : [ [ {
- field : 'ck',
- checkbox : true
- } ] ],
- columns : [ [ {
- title : '车牌号',
- field : 'carNumber',
- width : '100',
- rowspan : 2,
- align : 'center'
- }, {
- title : '车主',
- field : 'carPer',
- width : '100',
- rowspan : 2,
- align : 'center'
- }, {
- title : '违章时间',
- field : 'pTime',
- width : '80',
- rowspan : 2,
- align : 'center'
- }, {
- title : '违章地点',
- field : 'pPlace',
- width : '220',
- rowspan : 2,
- align : 'center'
- }, {
- title : '违章原因',
- field : 'pCase',
- width : '220',
- rowspan : 2,
- align : 'center'
- }, {
- title : '来源',
- field : 'pOrg',
- width : '120',
- rowspan : 2,
- align : 'center'
- }, {
- title : '交警大队',
- field : 'pPer',
- width : '300',
- rowspan : 2,
- align : 'center'
- } ] ],
- pagination : true,
- rownumbers : true,
- toolbar : [ {
- text : '全部',
- iconCls : 'icon-ok',
- handler : function() {
- $('#tt').datagrid({
- url : 'pecc/peccList.action'
- });
- }
- }, '-', {
- text : '添加',
- iconCls : 'icon-add',
- handler : function() {
- openAdd();
- $('#ff').show();
- $('#ff').form('clear');
- $('#ff').appendTo('#aa');
- }
- }, '-', {
- text : '修改',
- iconCls : 'icon-edit',
- handler : getSelect
- }, '-', {
- text : '删除',
- iconCls : 'icon-remove',
- handler : del
- }, '-', {
- text : '查询',
- iconCls : 'icon-search',
- handler : function() {
- $('#query').window('open');
- }
- } ]
- });
- displayMsg();
- });
- function displayMsg() {
- $('#tt').datagrid('getPager').pagination({
- displayMsg : '当前显示从{from}到{to}共{total}记录'
- });
- }
Action 代码:
- @Controller
- @ParentPackage("mydefault")
- @Namespace("")
- public class Pecc extends ActionSupport {
- private static final long serialVersionUID = 1L;
- @Resource
- PerinfoService perinfoService;
- @Resource
- PeccancyService peccancyService;
- @Action("/pecc")
- public String peccList() {
- try {
- HttpServletRequest re = ServletActionContext.getRequest();
- HttpServletResponse response = ServletActionContext.getResponse();
- response.setCharacterEncoding("UTF-8");
- PrintWriter out = response.getWriter();
- SimpleDateFormat sdf = new SimpleDateFormat("yyyy-mm-dd");
- JSONArray jsonArray = new JSONArray();
- JSONObject jsonobj = new JSONObject();
- Map map = new HashMap();
- long all = perinfoService.getCount(map);
- String page = re.getParameter("page");
- String rows = re.getParameter("rows");
- // 当前页
- int intPage = Integer.parseInt((page == null || page == "0") ? "1" : page);
- // 每页显示条数
- int number = Integer.parseInt((rows == null || rows == "0") ? "10" : rows);
- // 每页的开始记录 第一页为1 第二页为number +1
- int start = (intPage - 1) * number;
- map.put("page", start);
- map.put("pageCount", number);
- List list = peccancyService.getList(map);
- for (Peccancy con : list) {
- jsonobj.put("id", con.getId());
- jsonobj.put("carNumber", con.getCarNumber());
- jsonobj.put("carPer", con.getCarPer());
- jsonobj.put("pTime", sdf.format(con.getPTime()));
- jsonobj.put("pPlace", con.getPPlace());
- jsonobj.put("pCase", con.getPCase());
- jsonobj.put("pOrg", con.getPOrg());
- jsonobj.put("pPer", con.getPPer());
- jsonArray.add(jsonobj);
- }
- Map json = new HashMap();
- json.put("total", all);// total键 存放总记录数,必须的
- json.put("rows", jsonArray);// rows键 存放每页记录 list
- jsonobj = JSONObject.fromObject(json);// 格式化result一定要是JSONObject
- out.print(jsonobj);
- out.flush();
- out.close();
- } catch (IOException e) {
- System.out.println(e);
- }
- return null;
- }
Struts.xml 配置:
- <</span>package name="mydefault" extends="struts-default">
- <</span>global-results>
- <</span>result name="exception">/index.jsp</</span>result>
- </</span>global-results>
- <</span>global-exception-mappings>
- <</span>exception-mapping exception="java.lang.Exception"
- result="exception" />
- </</span>global-exception-mappings>
- </</span>package>
版权声明:本文为博主原创文章,未经博主允许不得转载。
Struts2 + easyui的DataGrid 分页的更多相关文章
- SSh结合Easyui实现Datagrid的分页显示
近日学习Easyui,发现非常好用,界面很美观.将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加.修改.删除.批量删除等功能将在后面的博客一一写来. ...
- schemaeasyui实例:SSh结合Easyui实现Datagrid的分页显示
查了好多资料,发现还是不全,干脆自己整理吧,最少保证在我的做法正确的,以免误导读者,也是给自己做个记载吧! 克日学习Easyui,发现非常好用,界面很雅观.将学习的心得在此写下,这篇博客写SSh结合E ...
- 实例:SSh结合Easyui实现Datagrid的分页显示
近日学习Easyui,发现非常好用,界面很美观.将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加.修改.删除.批量删除等功能将在后面的博客一一写来. ...
- EasyUI表格DataGrid前端分页和后端分页的总结
Demo简介 Demo使用Java.Servlet为后台代码(数据库已添加数据),前端使用EasyUI框架,后台直接返回JSON数据给页面 1.配置Web.xml文件 <?xml version ...
- Easyui的datagrid结合hibernate实现数据分页
最近在学习easyui的使用,在学到datagrid的时候遇到了一些问题,终于抽点时间整理了一下,分享出来,请各位前辈高手多多指教! 1.先来看看效果,二话不说,上图直观! 2.easyui的data ...
- EasyUI的datagrid分页
EasyUI的datagrid分页 前台代码: <script type="text/javascript"> $(function () { //查询 search( ...
- easyui的datagrid分页写法小结
easyui的datagrid分页死活不起作用...沙雕了...不说了上代码 //关闭tab1打开tab2 查询Detail function refundDetail(){ $('#tt').tab ...
- 关于Jquery EasyUI中的DataGrid服务器端分页随记
一.关于DataGrid的分页和排序参数 对于分页参数不需要用户指定,程序在AJAX请求的时候会带上分页和排序需要的参数 每页显示条数:rows 当前页:page 排序字段:sort [multiS ...
- Easyui datagrid 修改分页组件的分页提示信息为中文
datagrid 修改分页组件的分页提示信息为中文 by:授客 QQ:1033553122 测试环境 jquery-easyui-1.5.3 问题描述 默认分页组件为英文展示,如下,希望改成中文展示 ...
随机推荐
- [ACM] HDU 1533 Going Home (二分图最小权匹配,KM算法)
Going Home Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Tota ...
- EasyNVR H5无插件摄像机直播解决方案前端解析之:引用videojs无法自动播放
关于videojs自动播放问题 播放流媒体多使用videojs来进行播放,videojs,本身自带自动播放属性: 通过添加autoplay(),来完成视频播放的自动加载: player = video ...
- git版本控制-- Windows+Git+TortoiseGit+COPSSH安装图文教程
Windows+Git+TortoiseGit+COPSSH 安装图文教程 教程网址: http://www.liaoxuefeng.com/wiki/0013739516305929606dd183 ...
- 【Leetcode-easy】ZigZag Conversion
思路1:String[numRow]行字符串数组.读取原始字符串每一个字符,设置行变量 nrow和行标志位flag(向下一行为1或向上一行为-1).将该字符连接到数组中对应的行字符串,同时nrow+= ...
- IC卡、ID卡、M1卡、射频卡的区别是什么【转】
本文转载自:https://www.cnblogs.com/najifu-jason/p/4122741.html IC卡.ID卡.M1卡.射频卡都是我们常见的一种智能卡,但是很多的顾客还是不清楚IC ...
- HDU 1201 Fibonacci Again
Fibonacci Again Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)T ...
- LibreOJ 数列分块入门
题目链接:https://loj.ac/problem/6277 题目描述 给出一个长为 nnn 的数列,以及 nnn 个操作,操作涉及区间加法,单点查值. 输入格式 第一行输入一个数字 nnn. 第 ...
- 分享知识-快乐自己:SpringMvc后台Date对象数据 到 前台页面的显示转换
常常为日期格式的转换而烦恼吗?那么就试试看看楼主的方式吧!让你摆脱烦恼,从而快乐撸码. 如果你只用作于一个日期的显示采用方式如下: 导入:相应的类库 <%@ taglib uri="h ...
- hdu-5818 Joint Stacks(模拟)
题目链接: Joint Stacks Time Limit: 8000/4000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/Othe ...
- Sox语音转换的相关知识
SoX-linux 里操作音频的瑞士军刀 Sox是最为著名的Open Source声音文件 格式转换工具.已经被广泛移植到Dos.windows.OS2.Sun.Next.Unix.Linux等多个操 ...