Layui表格配合Laypage分页插件遇见的问题及解决办法

最新推荐文章于 2024-07-09 23:16:53 发布

像素狮

最新推荐文章于 2024-07-09 23:16:53 发布

阅读量8.9k

点赞数

分类专栏： Layui 文章标签： Layui

本文链接：https://blog.csdn.net/Xjairnet/article/details/80223647

版权

在使用Layui表格和Laypage分页插件时，遇到表格内容刷新但分页始终显示第一页的问题。解决方法包括：1. 页面加载时从后台获取数据并渲染表格；2. 渲染表格时传入必要参数如数据、每页显示数量、总条数和当前页码；3. 分页渲染时确保curr和hash参数的传递，并将表格的page属性设为false。解决此类问题关键在于仔细阅读官方文档。

摘要由CSDN通过智能技术生成

（本文编写30分钟，预计阅读时间5分钟）

本文前提：

项目采用的是Layui来渲染表格，由于表格原生的分页并不是那么友好（要查出所有的数据然后前端进行分页，本项目数据量有点大，其次前端分页是比较占性能的一种手段）所以不采用前端分页的方法，然后选择官网给出的Laypage分页插件来给予分页支持。

遇见的问题：

分页的时候表格内容刷新了，而分页一直停留在第1页

解决办法

1、页面加载的时候从后台获取数据

function loadDyna(pageSize,currentPage)
	{
		pageSize=10;
		if(currentPage==""){
			currentPage=1
		}else{
			currentPage=currentPage
		}
		 $.ajax({
			   type: "POST",
			   url: "url地址",
			   data: {"rerId":rerId,"pageinfo.pageSize":pageSize,"pageinfo.currentPage":currentPage},//和后台交互传递所需参数
			   success: function(data){
				  //console.log(currentPage);
				   var data_list=data.releaseStatisticsList//列表内容
				   var allpages&