这篇文章主要为大家详细介绍了拉尤伊实现数据分页功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了拉尤伊实现数据分页功能,供大家参考,具体内容如下
官网拉易表演示页面
示例截图:
页面引入
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)作为总数
这就是本文的全部内容。希望对大家的学习有帮助,支持我们。