layui删除刷新当前分页,当前页没有数据了显示无数据,但是上一页有数据
时间: 2023-12-10 18:40:16 浏览: 63
可以通过监听 layui的分页组件的页码变化事件,当页码变化时,发送请求获取当前页的数据,如果当前页没有数据,则将分页组件的页码设置为上一页,并重新发送请求获取上一页的数据。如果上一页也没有数据,则显示“无数据”提示。以下是示例代码:
```javascript
// 监听分页组件的页码变化事件
layui.use(['table', 'laypage'], function(){
var table = layui.table;
var laypage = layui.laypage;
// 渲染表格
table.render({
// ...
page: true,
// ...
});
// 监听分页组件的页码变化事件
laypage.on('pageChanged', function(obj){
// 发送请求获取当前页的数据
$.ajax({
url: '/api/getData',
data: {
page: obj.curr,
limit: obj.limit
},
success: function(res){
// 判断当前页是否有数据
if (res.data.length > 0) {
// 渲染表格
table.reload('tableId', {
data: res.data,
page: {
curr: obj.curr
}
});
} else {
// 当前页没有数据,回退到上一页
if (obj.curr > 1) {
laypage.render({
elem: 'page',
count: res.totalCount,
limit: obj.limit,
curr: obj.curr - 1,
jump: function(obj, first){
if (!first) {
// 重新发送请求获取上一页的数据
$.ajax({
url: '/api/getData',
data: {
page: obj.curr,
limit: obj.limit
},
success: function(res){
// 判断上一页是否有数据
if (res.data.length > 0) {
// 渲染表格
table.reload('tableId', {
data: res.data,
page: {
curr: obj.curr
}
});
} else {
// 上一页也没有数据,显示“无数据”提示
table.reload('tableId', {
data: [],
page: {
curr: obj.curr,
count: 0
}
});
}
}
});
}
}
});
} else {
// 当前页和上一页都没有数据,显示“无数据”提示
table.reload('tableId', {
data: [],
page: {
curr: obj.curr,
count: 0
}
});
}
}
}
});
});
});
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)