EsayUI关于分页的

原创 2016年08月28日 20:23:29
 $('#dg').datagrid({
                 pagination:true,//分页控件 
                  loadMsg:'数据加载中,请稍后...',
             width:1150,
             url:url,
                striped:true,
             title:"申请详细",
             striped:true,//斑马线效果,鼠标指着后背景变色
             nowrap:false,
             //singleSelect:true,//只能点击一行
             pagination:true,
             rownumbers:true,
             //fit:true,//自适应
             fitColumns:true,

             columns:[[

         内容自己加·



]]});

//注意 要控制分页   pagination:true,必须设置为true


//控制分页控件
     var p = $('#dg').datagrid('getPager'); 
    $(p).pagination({ 
        pageSize: 5,//每页显示的记录条数,默认为5
        pageList: [5,10,15],//可以设置每页记录条数的列表 
        beforePageText: '第',//页数文本框前显示的汉字 
        afterPageText: '页    共 {pages} 页', 
        displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录', 
        
    }); 



//注意  这个每页要显示的数据条数 rows 和 当前好多页 page datagrid会通过url自动传入后台  后台直接获取就可以了

        int pageCount = Integer.parseInt(req.getParameter("rows"));
int page = Integer.parseInt(req.getParameter("page"));

       int startCount = (page-1)*pageCount;//这个是limit关键字后面的第一位参数

               Maintenanceapplication ss =new Maintenanceapplication();
ss.setStartCount(startCount);
ss.setPageCount(pageCount);
List<Maintenanceapplication> list = maintenanceapplicationService.getFYData(ss);
HashMap<String,Object> map = new HashMap<String, Object>();//用Map存入查询的数据   和 查询的总记录条数total
map.put("rows",list);//存入数据
map.put("total",maintenanceapplicationService.getCount(null));//存入total 
System.out.println("初始数据大小"+list.size());
//JSONArray jsons =JSONArray.fromObject(list);
JSONObject jsons =JSONObject.fromObject(map);


try {
String json = jsons.toString();
PrintWriter pw = resp.getWriter();
pw.print(json);

} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}

然后通过后台对代码操作对在数据库里分页 SQL用limit关键字


分页:
select * from xx limit i;
i是几就返回几条


select * from xx limit x,y;
x是起始值  y返回的行数 
返回数据
比如=0 y=4 返回4行
select * from xx limit 0,4;--(当前页-1)* 每页显示的行数

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

相关文章推荐

Nutz+jQuery esayUI Datagrid实现增删改查以及分页效果

本实例通过国内比较流行的MVC框架-Nutz,前台使用jquery EasyUI,其中biao

esayui-1.2.4 API.CHM

  • 2012-10-21 11:53
  • 353KB
  • 下载

esayUI datagrid根据不同的选择构造不同的表头

// 根据分类选择构造数据表表头 function get_columns_arr(){ var action_class = $('#q_action_class').val(); var colu...

这几天一直在弄esayUI,添加了几个扩展easyui表单的验证,还请大神们多多指教

 $.extend($.fn.validatebox.defaults.rules, {  //验证汉字  CHS: {   validator: function (value) { ...

esayui 胡中文版api

  • 2017-08-16 16:36
  • 1.06MB
  • 下载

esayui datagrid 列内容超长自动换行

列自动换行 其实很简单 首先 datagrid 增加 nowrap: false 属性, 然后重写     datagrid-cell         .datagrid-cell ...

esayUI API

  • 2016-04-06 10:18
  • 3.90MB
  • 下载

esayui chm

  • 2013-05-19 13:08
  • 57KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)