layui table.render 添加接口调用参数
时间: 2023-08-11 18:13:03 浏览: 137
layui table 参数设置方法
在 layui 中,`table.render` 是一个重要的方法,它用于渲染表格。要添加接口调用参数,你可以在渲染表格之前设置一些属性,以便在调用接口时使用这些属性。
下面是一个示例代码:
```javascript
layui.use('table', function(){
var table = layui.table;
// 渲染表格
table.render({
elem: '#demo',
url: '/api/data',
where: { // 设置接口调用参数
id: '001',
name: 'John Doe'
},
cols: [[
{field: 'id', title: 'ID', width:80},
{field: 'username', title: '用户名', width:120},
{field: 'email', title: '邮箱', minWidth:200},
{field: 'sex', title: '性别', width:80, sort: true},
{field: 'city', title: '城市', width:100},
{field: 'sign', title: '签名', minWidth: 150},
{field: 'experience', title: '积分', width: 80, sort: true},
{field: 'score', title: '评分', width: 80, sort: true},
{field: 'classify', title: '职业', width: 100},
{field: 'wealth', title: '财富', width: 135, sort: true},
{fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
]]
});
});
```
在上面的代码中,`where` 属性设置了接口调用参数,这些参数会在调用 `/api/data` 接口时发送到服务器。你可以根据需要设置不同的属性,以便在接口调用时使用它们。
阅读全文