- data必须为数组,如下图所示
- id字段必须为数字
- parent
tableIns1 = treeTable.render({
elem: '#showTable'
, contentType: 'application/json'
, headers: {"authorization": token}
, page: true //开启分页
,data: [
{
"children": [
{
"children": [],
"hasChild": 0,
"id": 11,
"itemName": "资金2",
"parentId": "1",
"isParent": false
},
{
"children": [],
"hasChild": 0,
"id": 12,
"itemName": "资金3",
"itemType": "1",
"parentId": 1,
"isParent": false
}
],
"hasChild": 1,
"id": 1,
"parentId": null,
"isParent": true,
"itemName": "财政资金",
"itemType": 1,
}
]
// , url: '/dataProClass/listByPage' //数据接口
// , method: 'POST'
// , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据
// console.log(res);
// return {
// "code": res.code, //解析接口状态
// "msg": res.msg, //解析提示文本
// "data": CoreUtil.isEmpty(res.data) ? null : res.data//解析数据列表
// }
// }
, cols: [
[
{type: 'checkbox', fixed: 'left'},
{field: 'id', title: 'Id', sort: true},
{field: 'createTime', title: '创建时间', hide:true, sort: true},
{field: 'createBy', title: '创建人', hide:true, sort: true},
{field: 'updateTime', title: '更新时间', hide:true, sort: true},
{field: 'updateBy', title: '更新人', hide:true, sort: true},
{field: 'name', title: '名称', sort: true},
{field: 'parentId', title: '父级', sort: true},
{field: 'hasChild', title: '是否有子级', sort: true},
{field: 'itemType', title: '类型', sort: true},
{field: 'remark', title: '备注', sort: true},
{width: 120, toolbar: "#tool", title: '操作'}
]
],
tree: {
/*
// 异步加载子节点
async: {
enable: true,
url: '/static/2.8/json/treeTable/demo-async.json', // 此处为静态模拟数据,实际使用时需换成真实接口
autoParam: ["parentId=id"]
}
*/
}
, toolbar: '#toolbar'
});