查看: 6785|回复: 5
注册时间最后登录阅读权限10积分165精华0帖子
注册会员, 积分 165, 距离下一级还需 35 积分
我在后台通过查询获得page ，里面有分页的所有参数，我怎么放到分页导航条里面去，例如显示每页多少条，共多少条，
附件: 你需要才可以下载或查看附件。没有帐号？
注册时间最后登录阅读权限150积分18850精华0帖子
pageSize=&20&
总共多少条是你返回的数据上的，比如{total:200,data:[]}
注册时间最后登录阅读权限10积分165精华0帖子
注册会员, 积分 165, 距离下一级还需 35 积分
恕我眼拙这个dome上我看不出什么地方设置了某个东西导致导航的条的数据正确出来
注册时间最后登录阅读权限150积分18850精华0帖子
春暖花开 发表于
恕我眼拙这个dome上我看不出什么地方设置了某个东西导致导航的条的数据正确出来 ...
后台返回给表格的数据格式
& &total:200,
& &data:[..]
total就是总数据条数
注册时间最后登录阅读权限10积分165精华0帖子
注册会员, 积分 165, 距离下一级还需 35 积分
我是用逻辑流来做的所以当page返回到页面时我看到是这样的
页面收到后变成了这样了
我页面数据头的格式是这样的，我该怎么去运用这page把里面对应的数据放到分页条码上。
&div id=&datagrid1& class=&nui-datagrid& style=&width:100%;height:40%;& totalCount=&50& showTotalCount=&true&, idField=&ordshtid&
& &url=&com.primeton.order.xbdorderbiz.queryXbdOrders.biz.ext&
& &sizeList=[1,2,10,20,50,100] multiSelect=&true& pageSize=&10& allowResize=&true& allowCellEdit=&true&&&allowCellSelect=&true&&
没有一点头绪，求指点指点
附件: 你需要才可以下载或查看附件。没有帐号？
注册时间最后登录阅读权限150积分18850精华0帖子
春暖花开 发表于
我是用逻辑流来做的所以当page返回到页面时我看到是这样的
页面收到后变成了这样了
我页面数据头的格式是这 ...
不需要你手动去把数据总数给分页控件，只要你返回的数据格式，符合我上面贴出来的，有total和data就可以了，分页控件会自动根据total把他里面的数据获取到总数上的
你看下这篇文章。只要返回的数据结构符合要求就可以了。
当然，我们默认是total和data 这2个字段，你也可以在datagrid上自定义，totalField=&你的数据总数的字段名&（默认为total），dataField=&你的数据字段名&（默认为data）
Powered by查看: 3151|回复: 4
注册时间最后登录阅读权限10积分34精华0帖子
新手上路, 积分 34, 距离下一级还需 16 积分
dataGird使用分页时，选择每页条数会自动提交请求，怎样在自动提交前拿到当前选择的每页条数，监听了beforeload，但是没有自动交请求，拿到的是上一次的每页条数，比如初始化时是每页10条，这时我选择20条，被beforeload监听到这时弹出的pageSize为10，下一步自动提交请求时，提交的pageSize也为10，我要怎样让我点的是每页多少条，就提交每页多少条？？？？？
注册时间最后登录阅读权限150积分18850精华0帖子
getPageIndex和getPageSize,miniui的属性基本都支持get和set
注册时间最后登录阅读权限10积分34精华0帖子
新手上路, 积分 34, 距离下一级还需 16 积分
用pageSize属性和getPageSize（）方法都能拿到，但是都是拿到的上一次的值，不能拿到当前点击的值？？？
注册时间最后登录阅读权限200积分7605精华0帖子
& && &&&grid.on(&beforeload&, function (e) {
& && && && &alert(e.params.pageIndex +&:&+ e.params.pageSize);
& && &&&});复制代码
注册时间最后登录阅读权限10积分34精华0帖子
新手上路, 积分 34, 距离下一级还需 16 积分
谢谢，试了OK
Powered by分页问题？
[问题点数：20分，结帖人huangfu000]
本版专家分：0
结帖率 100%
CSDN今日推荐
本版专家分：398073
2014年 荣获名人称号2013年 荣获名人称号2012年 荣获名人称号
2013年 总版技术专家分年内排行榜第一
2014年 总版技术专家分年内排行榜第三
2012年 总版技术专家分年内排行榜第四
本版专家分：172984
2015年9月 总版技术专家分月排行榜第一2015年8月 总版技术专家分月排行榜第一2015年7月 总版技术专家分月排行榜第一2015年6月 总版技术专家分月排行榜第一2015年5月 总版技术专家分月排行榜第一2015年4月 总版技术专家分月排行榜第一
2016年1月 总版技术专家分月排行榜第二2015年11月 总版技术专家分月排行榜第二2015年10月 总版技术专家分月排行榜第二
优秀小版主
2016年3月 总版技术专家分月排行榜第三
本版专家分：1595
本版专家分：453
匿名用户不能发表回复！|
CSDN今日推荐miniui分页需要自己写分页吗_百度知道
miniui分页需要自己写分页吗
我有更好的答案
内置的分页是怎么分页的你知道吗?一般的自己可以分页的都是将全部数据读出来.然后在根据你设置的页大小显示部分数据.所以当数据量大时,效率会非常的低.而自定义的是每次只读取20或者30(页大小而变化)条数据.这两个效率是不能比的
采纳率：92%
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。I'm loading
Mybatis与miniui的分页结合，Mybatis排序、miniui分页查询、miniui加载等问题
场景描述：
在项目使用miniui查询数据展示的时候，进行分页展示。但是在分页查询的过程中，发现miniui的ajax传到后台的参数有pageIndex、pageSize、sortField、sortOrder参数，而在每次查询的时候，数据总数是该次分页查询的总数，数据量少的时候完全没什么压力，但是当数据量很多的时候会很卡，完全违背了分页查询提高查询效率的出发点。
我的场景是使用@ResponseBody将查询出的list自动给我转换好格式传给前端，虽然很省事自动的把我分页查询的数据进行展示，但是只能处理一次分页查询出的所有数据。在查阅很多文章后（特别是有问题多在miniui官方的论坛查找），发现官方给出的数据格式格式是一个大的JSON中有两个元素，一个是total，一个是data，我就想自己设定一个跟官方文档的样式的JSON数据传给前台。在传给前台展示的时候，是只有两条数据而且是空白的，这也很好理解，miniui是把我给他的数据，total和data一起拿出来进行添加到界面上了。所以，再查看miniui的官方API发现，data后面有set、get等方法，就抱着试试看的态度，取出data使用setData方法设定数据，发现可行。既然data可以，那总数也可以，就使用setTotalCount设定总数。
我觉得miniui的官方文档里说的非常的不详细，所以需要自己去了解并熟悉这些方法什么的。Mapper部分：
&!--所有字段映射--&
&resultMap id="BaseResultMap" type="xxx.xxx.xxx.WdVisitorhistory"&
&id column="CODE" jdbcType="DECIMAL" property="code" /&
&result column="IP" jdbcType="VARCHAR" property="ip" /&
&result column="LOGIN_TIME" jdbcType="DATE" property="loginTime" /&
&/resultMap&&select id="visitorHistoryCount"
resultType="String"&
select count(*) from WD_VISITORHISTORY
&select id="findAllVisitorhistory"
resultMap="BaseResultMap" parameterType="Object"&
SELECT r.*,ROWNUM rowno
select CODE,ip,TO_CHAR(LOGIN_TIME,'yyyy-mm-dd hh24:mi:ss')LOGIN_TIME
from WD_VISITORHISTORY
&when test="sortField!=null and sortField!=''"&
ORDER BY ${sortField} ${sortOrder}
&otherwise&
ORDER BY LOGIN_TIME desc
&/otherwise&
WHERE ROWNUM &= (#{pageIndex}+1)*#{pageSize}
WHERE rowno & (#{pageIndex})*#{pageSize}
&/select&这里需要说明的是Mybatis的排序与“$”和“#”的关系。“ORDER BY #{sortField} #{sortOrder}”等同于“ORDER BY
'xxx' 'xxx'”
解释：MyBatis会自动将排序字段当成一个字符串，可以通过执行，但无效，查出的内容为空。
“ORDER BY ${sortField} ${sortOrder}”等同于“ORDER BY
解释：Mybatis会将其视作直接变量，变量替换成功后，不会再加上引号成为字符串。
“#”能防止SQL注入
“$”无法防止SQL注入JAVA部分：
@RequestMapping("findVisitorHistory.do")
@ResponseBody
public JSONArray findVisitorHistory(String pageIndex,String pageSize,String sortField,String sortOrder) {
if("loginTime".equals(sortField)){
sortField="LOGIN_TIME";
// 返回的Json数组，格式为{{total:...},{data:...}}
JSONArray jsonArray=new JSONArray();
// 存放json数组中的具体内容，格式为total:...}、data:...}
JSONObject jsonObject=new JSONObject();
jsonObject.put("total",visitorhistoryDAO.visitorHistoryCount());
jsonArray.add(jsonObject);
// 清空数据总数，用于存放下面的数据
jsonObject.clear();
jsonObject.put("data",
JSONArray.fromObject(visitorhistoryDAO.findAllVisitorhistory(pageIndex,pageSize,sortField,sortOrder)));
jsonArray.add(jsonObject);
return jsonA
}JSP部分：&%@ page language="java" contentType="text/ charset=utf-8"
pageEncoding="utf-8"%&
&!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&
&meta http-equiv="Content-Type" content="text/ charset=utf-8"&
&title&&/title&
&!-- 公共部分 --&
&%@ include file="/WEB-INF/views/include/taglib.jsp" %&
&jsp:include page="/WEB-INF/views/include/common.jsp" flush="true" /&
&link rel="stylesheet" href="${ctxStatic}/miniui/themes/default/miniui.css" /&
&link rel="stylesheet" href="${ctxStatic}/miniui/themes/icons.css" /&
&link rel="stylesheet" href="${ctxStatic}/common/css/bootstrap/bootstrap.css" /&
&link rel="stylesheet" href="${ctxStatic}/pat_view/css/pat_view.css" /&
&script src="${ctxStatic}/miniui/miniui.js"&&/script&
&jsp:include page="../../include/head.jsp" flush="true" /&
&div id="datagrid1" class="mini-datagrid" style="width:80%;height:420" allowResize="true"
sizeList="[10,30,50,100]" pageSize="10" showEmptyText="true" emptyText="未查到数据"
url="findVisitorHistory.do"
&div property="columns"&
&div type="indexcolumn"&&/div&
&div field="code" width="120" headerAlign="center" allowSort="true"&用户code&/div&
&div field="ip" width="120" headerAlign="center" &ip&/div&
&div field="loginTime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd HH:mm:ss" allowSort="true"&访问时间&/div&
&script type="text/javascript"&
mini.parse();
var grid = mini.get("datagrid1");
// 第一次加载时
grid.load();
// 监测每一次加载，每一次加载，加载自定义内容
grid.on("load",function(){
var data=grid.getData();
console.log(data);
grid.setTotalCount(data[0].total);
grid.setData(data[1].data);
&/html&JSP页面中可以通过开发者模式查看返回的数据格式与内容。我的场景是刚进入页面则进行首页的ajax查询，之后点击下一页还是排序等，都进行一个查询，每次的查询结果都按照监测的回调函数来展示我的数据。
没有更多推荐了，}