<tree-grid
:columns="columns"
:rowdata="data"
:needUpdate="needUpdate"
@refreshTable="refreshTable"
@uploadmodify="uploadmodify"
@uploaddelete="uploaddelete"
:treeLoading="treeLoading"
#1、列属性
columns: [
{name: 'ID', prop: 'id', width: 120},
{name: '删除', delete: true },
{name: 'name字段', prop: 'name', width: 260, isTree: true, edit: true},
{name: '操作', operate: true },
{name: 'level', prop: 'level', width: 120},
{name: 'url', prop: 'url', edit: true},
]
#2、行数据的格式
rowdata:[{
"id": 87, //必须,唯一id。
"level": 1, //必须,哪个层级。
"parentid": 1, //必须,父层的id,若是最外层就是自己的id。
"name": "生产分析",
"url": "N/A",
"isleaf": 0
}]
#3、是否接收父组件rowdata传入
[[比如:Date.now()]每次父组件需要更新rowdata时,需要给needUpdate传入[时间戳/uuid]等来监听。] </br> :needUpdate="needUpdate" </br>
#4、表格loading状态
[布尔值]
:treeLoading="treeLoading"
#1、
[该函数是用来刷新表格并重新传入rowdata数据,这里还需要needUpdate。]
@refreshTable="refreshTable"
#2、
[提交修改请求,比如修改行,增加行等,uploadmodify函数的参数是一个数组 [data, successFn_callback, faildFn_callback],其中data表示修改的对象信息,data的id属性若含有'timestamp'字符,表示这是新增的行,successFn_callback和faildFn_callback需要在请求成功或者失败后调用。]
@uploadmodify="uploadmodify"
#3、
[提交删除所选行请求,uploaddelete函数的参数是一个数组 [deleteIdArray, successFn_callback, faildFn_callback],其中deleteIdArray表示待删除的id集合,successFn_callback和faildFn_callback需要在请求成功或者失败后调用。]
@uploaddelete="uploaddelete"