layuitable分页数据,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)作为总数

这就是本文的全部内容。希望对大家的学习有帮助,支持我们。

layuitable分页数据,layui分页组件