layui table.render 将翻页参数limit 和 page 改成pageNo,pageSize
时间: 2024-02-03 21:04:40 浏览: 88
可以通过重写 layui 的 table.render 方法来实现将翻页参数 limit 和 page 改成 pageNo,pageSize。
具体实现步骤如下:
1. 在 layui 的 table 模块中找到 table.render 方法的实现代码,一般在 layui.all.js 文件中。
2. 复制 table.render 方法的实现代码,并将其重写在自己的 js 文件中。
3. 在重写的 table.render 方法中,将 limit 和 page 参数替换为 pageNo 和 pageSize 参数,并将其传递给后端进行分页查询。
示例代码如下:
```javascript
// 重写 layui 的 table.render 方法
layui.table.render = function(options) {
var defaultOptions = {
pageNo: 1, // 当前页码
pageSize: 10, // 每页显示条数
url: '', // 数据接口
where: {}, // 请求参数
cols: [], // 表头
done: function() {}, // 数据渲染完毕的回调函数
page: true // 是否显示分页
};
// 合并参数
var options = $.extend({}, defaultOptions, options);
// 将 limit 和 page 参数替换为 pageNo 和 pageSize 参数
options.where.pageNo = options.where.page || options.pageNo;
options.where.pageSize = options.where.limit || options.pageSize;
// 发送请求获取数据
$.ajax({
url: options.url,
type: 'GET',
data: options.where,
success: function(res) {
// 渲染表格
// ...
// 调用 done 回调函数
options.done(res);
// 显示分页
// ...
},
error: function() {
// 处理请求失败的情况
// ...
}
});
};
```
在重写的 table.render 方法中,我们通过 $.extend 方法合并了默认参数和传入的参数,并将 limit 和 page 参数替换为 pageNo 和 pageSize 参数,然后发送请求获取数据,并渲染表格并显示分页。这样就可以将翻页参数 limit 和 page 改成 pageNo,pageSize 了。
阅读全文