ligergrid列表参数
时间: 2023-08-11 14:38:46 浏览: 45
LigerGrid 是一款功能强大的表格插件,可以接受多种参数配置,以下是一些常用的列表参数:
1. `url`:数据源地址,可以是一个 API 接口地址,也可以是一个 JSON 文件路径;
2. `columns`:定义表格列,是一个数组,每个元素代表一列,包括 `display`(列名)、`name`(字段名)、`width`(列宽度)等属性;
3. `pageSize`:分页大小;
4. `rownumbers`:是否显示行号,默认为 false;
5. `checkbox`:是否显示复选框,默认为 false;
6. `height`:表格高度,可以是一个数字或者百分比;
7. `width`:表格宽度,可以是一个数字或者百分比;
8. `usePager`:是否启用分页,默认为 true;
9. `sortName`:初始化时的排序字段名;
10. `sortOrder`:初始化时的排序方式,可选值为 asc 和 desc。
还有一些其他的参数,如 `toolbar`(工具栏)、`parms`(额外的请求参数)、`onSuccess`(数据请求成功时的回调函数)等,根据实际需求选择使用。
示例代码:
```
$('#grid').ligerGrid({
url: 'data.php',
columns: [
{ display: 'ID', name: 'id', width: 50 },
{ display: '姓名', name: 'name', width: 100 },
{ display: '年龄', name: 'age', width: 50 }
],
pageSize: 10,
rownumbers: true,
checkbox: true,
height: '100%',
width: '100%',
usePager: true,
sortName: 'id',
sortOrder: 'asc',
toolbar: {
items: [
{ text: '添加', click: addButton },
{ line: true },
{ text: '删除', click: deleteButton }
]
},
parms: { param1: 'value1', param2: 'value2' },
onSuccess: function (data) {
console.log('数据请求成功,返回数据:', data);
}
});
```
以上是一个简单的 LigerGrid 初始化示例,包括了常用的一些参数配置。