layui刷新当前页面不重置页码
时间: 2023-08-08 12:02:11 浏览: 94
在layui中,要刷新当前页面而不重置页码,可以采取以下几种方法:
1. 使用layui的table模块的reload函数,该函数可以重新加载数据源,并保持当前页码不变。具体的做法是,在刷新按钮的点击事件中调用该函数,传递当前的页码参数即可。例如:
```
$('#refreshBtn').on('click', function(){
var currPage = tableIns.config.page.curr; //获取当前页码
tableIns.reload({
page: {
curr: currPage //将当前页码传递给reload函数
}
});
});
```
2. 在刷新页面时,将当前页码保存到localStorage或sessionStorage中,然后在页面重新加载完成后,再从localStorage或sessionStorage中读取当前页码,并手动设置到layui的table模块中。具体的实现步骤如下:
- 在刷新按钮的点击事件中,将当前页码保存到localStorage或sessionStorage中:
```
$('#refreshBtn').on('click', function(){
var currPage = tableIns.config.page.curr; //获取当前页码
sessionStorage.setItem('currPage', currPage); //将当前页码保存到sessionStorage中
location.reload(); //刷新页面
});
```
- 在页面加载完成后,读取localStorage或sessionStorage中的当前页码,并设置到layui的table模块中:
```
layui.use('table', function(){
var table = layui.table;
var currPage = sessionStorage.getItem('currPage'); //从sessionStorage中读取当前页码
if(currPage){
table.reload('data', {
page: {
curr: currPage //将保存的当前页码设置到table模块中
}
});
}
});
```
通过以上两种方法,我们可以在刷新页面时保持当前页码不变,实现无重置页码的刷新效果。