项目场景：Thinkphp+layui数据表格实现表格分页

提示：thinkphp+layui数据表格分页，需要服务器端配合。之前在百度上一通乱搜也没找到解决方案。

问题描述

提示：这里描述项目中遇到的问题：

之前一看layui的文档一只以为在page里面设置参数就可以，其中limit的值是每页显示多少条，limits是的值是下拉框选择每页显示条数，例如显示20 50 100等等。经过反复设置，表格依然是读取了所有数据。

     ,page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局//,curr: 5 //设定初始在第 5 页,limit:20 //一页显示多少条,limits:[20,50,100]//每页条数的选择项,groups: 5 //只显示 2 个连续页码,first: "首页" //不显示首页,last: "尾页" //不显示尾页}

解决方案：

提示：在后台分页，利用 parseData 回调函数读取数据

在后台分页后，发现layui不能正确读取数据，获得的数据如下：

后端分页代码

 public function pgdata(){$database = new pingguModel();$data = $database->paginate(10);//Thinkphp分页函数，每页10条数据$count = count($data);$list["msg"] = "";$list["code"] = 0;$list["count"] = $count;$list["data"] = $data;return json($list);//返回json}

json数据

{"msg":"","code":0,"count":10,"data":{"total":401,"per_page":10,"current_page":1,"last_page":41,"data":
[{"id":1,"run_id":8130,"run_name":"详细信息显示项目-","begin_user":"181","begin_time":"2019-09-18
10:49:18","flow_auto_num":0,"flow_auto_num_year":0,"flow_auto_num_month":0,"data_m6969":"《2019年
详细信息显示项目-","data_m6970":"","data_m6971":"","data_m6972":"崔晶红,","data_m6974":"ZX-2019-
FP-ZC-027","data_m6975":"","data_m6977":"","data_m6978":null,"data_m6979":"详细信息显示项目-
",,"data_m6982":"","data_m6983":"已登
记","data_m6984":"曹艺伦","data_m6985":"合同","data_m6986":"ZX-2019-FP-ZC-

阅读数据后发现，返回的是个多维数组，layui表格中的data参数对应的键值就不对了，所以获取不到数据。于是调整如下:
后端分页代码无需调整
调整layui的js部分,增加如下代码，读取多维数组数据，回头刷新吧，分页了。

      ,parseData: function(res) { //res 即为原始返回的数据return {"code": res.code, //解析接口状态"msg": res.message, //解析提示文本"count": res.data.total, //解析数据长度"data": res.data.data //解析数据列表}

Thinkphp+layui数据表格实现表格分页相关推荐

layui数据表格（一：基础篇，数据展示、分页组件、表格内嵌表单和图片）
表格展示神器之一:layui表格前言:在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table.layui table ...
php分页显示数据表格显示,php+layui数据表格实现数据分页渲染代码
一.html 二.js 说明:需要引入layui中的table和laytpl模板引擎,laytpl可以自定义事件及自定义数据字段等查看详情 {{# if (d.hotcake === '超级爆款') ...
layui数据表格分页无法正常显示
layui数据表格分页无法正常显示应该先利用layui table中的parseData方法手动将数据切片分页,代码如下,要点是parseData: function(res){}中的方法,对从ur ...
layui数据表格数据绑定加分页代码
layui数据表格数据绑定加分页代码最近使用layui数据表格感觉特别方便,一段代码直接绑定数据加上分页加载数据直接上代码 layui.use(['table', 'laypage'], func ...
layui数据表格table在选项卡tabs中分页条不显示的解决
layui数据表格table在选项卡tabs中分页条不显示的解决解决:渲染后重新设置高度:$(".layui-table-box").css("height" ...
layui数据表格分页导出全部页面的数据到Excel表格中
在使用layui数据表格进行分页显示时,可能需要导出数据到Excel表,可是直接使用table.exportFile却会导出的是已经渲染到表中的数据,这时就会发现问题,导出的数据只是分页表格数据中的一 ...
layui数据表格分页简单实现
首先要了解layui分页和一般的后台分页不一样. 至少:我用的layui是基于前台分页的. 后台分页,都是根据前台传递了pageNum和limit这些分页参送给后台,后台根据参数进行了分页查询返回给 ...
在layui中使用ajax传值给后台,浅谈layui 数据表格前后台传值的问题
1.1查询 layui.use('table', function() { var table = layui.table; table.render({ elem : '#demo', url : ...
php数据表格的重载,layui数据表格实现重载数据表格功能(搜索功能）
layui数据表格实现重载数据表格功能,以搜索功能为例加载数据表格实现搜索功能和数据表格重载全部代码加载数据表格按照layui官方文档示例 HTML部分 JavaScript部分 var t ...

Thinkphp+layui数据表格实现表格分页

项目场景：Thinkphp+layui数据表格实现表格分页

问题描述

解决方案：

Thinkphp+layui数据表格实现表格分页相关推荐

最新文章

热门文章