easyui datagrid 分页略解

easyui datagrid 本身自带了分页功能。

但是这个需要你自己控制。

在后台可以得到两个datagrid的参数,rows 和page。其中rows是每页要显示的个数,page是第几页。单纯的设置rows是不行 的,datagrid真正显示的是你

从数据库里得到的真正条数,应该用rows当查询条件,得到rows条才行。

传到前台的json传应该是这样的:

{"total":50,"rows":[{"sex":"nan16","age":16,"name":"zhangsan16"},{"sex":"nan16","age":16,"name":"zhangsan16"}]}

只有 json正确了才能正确的显示分页。

rows里面的json可以用JSONObject.put("name",name)这样得到。在吧JSONObject分别放到JSONArray里面JSONArray.put(JSONObject);

JSONObject jb = new JSONObject();

JSONArray ja = new JSONArray();
            for(People pp:list){
                jb.put("name", pp.getName());
                jb.put("age", pp.getAge());
                jb.put("sex", pp.getSex());
                ja.put(jb);
            }

再把total 和rows加进去。

datagrid的分页只有认清了rows和page才能做出来。这个是关键。

时间: 2024-11-07 08:45:24

easyui datagrid 分页略解的相关文章

jquery easyui datagrid 分页详解

由于项目原因,用了jquery easyui 感觉界面不错,皮肤样式少点,可是官网最近打不开了,资料比较少,给的demo没有想要的效果,今天在用datagrid 做分页显示的时候,折腾了半天,网上的资料也比较少,后自己动手,终于解决,废话不说,开始: datagrid分页有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows每页显示的记录数和page;//当前第几页 然后读取相应页数的记录,和总记录数total一块返回即可 界面如下: 1.下边是datagrid的显示对话框,我直接

jquery easyui datagrid 分页 详解

前些天用jquery easyui的table easyui-datagrid做分页显示的时候,折腾了很久,后来终于解决了.其实不难,最主要我不是很熟悉前端的东西. table easyui-datagrid分页 有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows(每页显示的记录数)和page(当前第几页)然后读取相应页数的记录,和总记录数total一块返回即可. 1.界面 2.前端代码 <table id="dg" title="文章管理"

EasyUI Datagrid 分页

EasyUI Datagrid 分页,两种情况 第一种,向后台请求数据,点击分页请求一次,点击排序请求一次.使用表格自带的ajax. box.datagrid({ url: '', //后台请求地址 queryParams: {'name':'','age':''},//向后台传参 width: '100%', height: '500px', fitColumns: true, singleSelect:true, remoteSort:true, pageList : [ 5, 10, 20

EasyUI + Struts2 + Ajax 显示 easyui datagrid 分页效果

1.Html代码 1 <script type="text/javascript" src="/js/easyui/jquery.min.js"></script> 2 <script type="text/javascript" src="/js/easyui/jquery.easyui.min.js"></script> 3 <script type="tex

asp.net mvc easyui datagrid分页

提到 asp.net mvc 中的分页,很多是在用aspnetpager,和easyui datagrid结合的分页却不多,本文介绍的是利用easyui 中默认的分页控件,实现asp.net mvc分页. easyui datagrid分页要求数据采用的格式 :{total:2,row:[]}, 在asp.net mvc 中服务器端只要返回这符合这样格式的json数据就好. 页面前端: 服务器端: 附带asp.net 结合 easyui 增删改查的例子: asp.net mvc easyui d

jquery easyui datagrid 分页数据请求

jquery easyui datagrid内置了分页的功能,当设置为 pagination: true 以后就能够启用分页功能. 启用分页以后,jquery easyui datagrid发送的数据请求中会包含两个参数: int iPageIndex = Convert.ToInt32(this.Request["page"]); int iPageSize = Convert.ToInt32(this.Request["rows"]); 这两个参数分别是当前页码

jquery easyui datagrid 分页实现

通常情况下页面数据的分页显示分成真假两种.真分页是依靠后台查询时控制调出数据的数量来实现分页,也就是说页面在后台对数据进行处理,仅传输当前需要页的数据到前台来显示.而假分页则是后台一次性将所有的数据一起传送到前台,再由前端程序来控制数据的显示与遮蔽. 既然要分页,那么首先就必须要获得所有的数据,并且知道数据的数量.这步可以是由后台程序返回告知,当然也可以有javascript自己去读取. datagrid分页 有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows每页显示的记录数和

easyui datagrid分页要点总结

easyui的datagird插件比较好用,也很方便.网上也有很多热的网友贴出了使用代码,但是很少有网友指出在使用过程应该注意的地方,让我实在搞不清分页应该怎么使用.我就说下使用分页功能中要注意的一个小地方. 1.首先你的html得有个table标签 <table id="tt" ></table> 在js页面加载代码中$(document).ready({})加入代码: $('#tt').datagrid({ singleSelect:true, //True

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(8)-MVC与EasyUI DataGrid 分页

上一节我们讲了,DataGrid获取数据的一些用法,这一节讲DataGrid的分页 DataGrid将传递“当前页码”“每页条数” 控制器获取参数之后交给BLL层处理逻辑和分页,返回总页数和当前页的数据 最后交给DataGrid处理 课外:从此次前端的处理速度我看出,没有以前的JQGrid控件的处理数据快. 首先在让DataGrid支持分页,我们需要加入几个属性 是否启用分页:pagination 默认是false 每页数量:pageSize 默认10 可选择每页数量:pageList 默认[1