layui在reload时重置字段排序标识
时间: 2024-09-19 10:03:21 浏览: 38
LayUI table 刷新页面不重置页码
3星 · 编辑精心推荐
layui是一个轻量级的前端UI库,它提供了一个便捷的方式来管理表格的动态加载(reload)以及排序。当你需要在表格reload后恢复到初始状态,比如重置排序,你可以这样做:
1. 首先,在表格初始化时,你需要存储当前的排序信息。可以创建一个变量来保存排序字段和排序方向,例如:
```javascript
var sortInfo = {
field: '',
order: ''
};
```
2. 当用户点击排序按钮时,更新`sortInfo`并重新渲染表格:
```javascript
$("#tableId").on("sort", function(data){
sortInfo.field = data.field;
sortInfo.order = data.order;
// 然后调用reload函数,并传入你的服务器端API地址
layui.use('laytable', function(){
var laytable = layui.laytable;
laytable.reload({
url: 'your/api-url',
page: {一页: 10, total: 0}, // 重置页码
sort: {field: sortInfo.field, order: sortInfo.order} // 重置排序
});
});
});
```
3. 在reload之后,记得在后台返回新的数据前,如果条件允许,也可以将排序设置回初始值。
阅读全文