layui进入首页时有分页,但执行一次模糊查询后就没有分页了,查询进入到控制层与table.render的控制层不同
这是table.tender代码
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/527039830686122.png "#left)
这是查询前端代码
查询进入控制层时还是可以获取到page,limit
这是表格
layui进入首页时有分页,但执行一次模糊查询后就没有分页了,查询进入到控制层与table.render的控制层不同
![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/527039830686122.png "#left)
这是查询前端代码
查询进入控制层时还是可以获取到page,limit
这是因为 layui 表格分页是基于 table.render() 方法渲染的,而模糊查询后,你实际上销毁了原来的表格,重新渲染了一份表格数据,所以分页信息丢失了。
解决方案有两种:
1. 在模糊查询后,再次调用 table.render() 方法,传入原来的分页参数,重新渲染分页。
js
// 模糊查询
table.reload('tableId', { /* 搜索条件 */ });
// 重新渲染分页
table.render({
elem: '#tableId'
/* 其他参数,包括:limit,limits,curr */
})
2. 不销毁原表格,只替换表格的数据源即可。这种方法可以保留原来的分页设置。
js
// 模糊查询
table.reload('tableId', {
data: newData // 新数据源
});
这种方法搜索后,只是替换了表格的数据,其他设置(包括分页)可以保留,所以不会丢失分页信息。