layuitable分页数据,layui分页组件,layui实现数据分页功能

layuitable分页数据,layui分页组件,layui实现数据分页功能

这篇文章主要为大家详细介绍了拉尤伊实现数据分页功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了拉尤伊实现数据分页功能,供大家参考,具体内容如下

官网拉易表演示页面

示例截图:

页面引入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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: