这篇文章主要为大家详细介绍了拉尤伊实现数据分页功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了拉尤伊实现数据分页功能,供大家参考,具体内容如下
官网拉易表演示页面
示例截图:
页面引入layui.css、 layui.js
div id=' pTable ' style=' width:1200 px;'
table class=' layui-table ' id=' layui _ table _ id ' lay-filter=' test '
/表格
div id='laypage'/div
/div
前台js
变量限制计数=10
var curnum=1;
//列表查询方法
函数productsearch(productGroupId,start,limitsize) {
layui.use(['table ',' laypage ',' laydate'],function(){
var table=layui.table,
laydate=layui.laydate,
lay page=lay ui。铺设页面;
表格。渲染({
elem: '#layui_table_id '
,URL:' %=path %/xx/plist查询。html?pId=' product group id ' t page=' start ' t number='限制大小
/*,其中:{pagename:start,pagelimit:limitsize} //传参*/
,列:[[
{字段: '产品Id ',标题:' ID ',宽度:' 170 ',排序:true}
,{字段: '产品名称,标题:'名称,宽度:' 450'}
,{字段: '产品状态,标题:'状态,宽度:' 100'}
,{字段: '生效时间,标题:'生效时间,宽度:' 120 ',排序:true}
,{field:'无效时间',标题: '失效时间,宽度:' 120 ',排序:true}
,{field: 'productCost ',title:'成本,宽度:' 100 ',排序:true}
,{字段:"操作",标题: '操作,宽度: ' 100 ',固定:'右,工具栏:' #barDemo'}
]]
,第页:假
,身高:430
,done: function(res,curr,count){
//如果是异步请求数据方式,res即为你接口返回的信息。
//如果是直接赋值的方式,res即为:{数据:[],计数:99}数据为当前页数据、计数为数据总长度
laypage.render({
elem:"页面"
,计数:计数
,货币:curnum
,限制:限制计数
,布局:['上一页','下一页','跳过','计数','限制]
,jump:function (obj,first) {
如果(!第一){
curnum=obj.curr
limitcount=obj.limit
//控制台。log(' curnum ' curnum);
//控制台。日志('限制计数'限制计数);
//图层。msg(curnum '-'限制计数);
productsearch(productGroupId,curnum,limit count);
}
}
})
}
})
//监听工具条
table.on('tool(test)',function(obj){ //注:工具是工具条事件名,测试是桌子原始容器的属性lay-filter='对应的值'
var data=obj.data //获得当前行数据
,layEvent=obj.event//获得业余活动对应的值
if(layEvent==='detail'){
viewLableInfo(数据。attrid);
层。msg(数据。attrid);
} else if(layEvent==='del'){
layer.msg('删除');
} else if(layEvent==='edit'){
layer.msg('编辑操作');
}
});
//常规用法
laydate.render({
elem:"#创建日期"
});
//常规用法
laydate.render({
elem:"#处理时间"
});
});
}
var pId=' $ { pGBean.pgId }
productsearch(pId、curnum、极限计数);
业务逻辑层
@覆盖
公共字符串queryList (HttpServletRequest请求){
字符串总计="";
字符串pId=请求。getparameter(“pId”);
int当前数=整数。解析int(请求。getparameter('当前数字');
字符串当前页面=请求。getparameter('当前页面')==null?“1”:请求。getparameter("当前页面");
//分页处理,显示第一页的30条数据(默认值)
页面助手。起始页(整数。parse int(当前页面),当前编号);
ListPExl list=导出Dao。查询列表(pId);
if(list.size() 0){
total=list.get(0).getTotal();
}
page page=页面助手。本地页面。get();
如果(页面!=null){
页面。setcurrentpage(整数。parse int(当前页面));
}
页面助手。end page();
JSON对象JSON对象=new JSON对象();
jsonObject.put('code ',0);
jsonObject.put('msg ',' ');
jsonObject.put('count ',total);
jsonObject.put('data ',list);
//system . out . println(' JSON:-' JSON object . tostring());
返回JSON object . tostring();
}
sql
其中sql在计算总totle时可以这样写。
将(*)除以(除以1)作为总数
这就是本文的全部内容。希望对大家的学习有帮助,支持我们。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。