能构建树的数据(亲测可用):
<div class="search-input marginb">
<Input-search v-model.trim="searchValue" @on-search="searchTreeNode" placeholder="搜索..."></Input-search>
<div class="ztree" id="tree">
</div>
</div>
setting: {
check: {
enable:true,
chkStyle: "checkbox",
chkboxType: {"Y":"ps","N":"ps"},
},
data: {
simpleData: {
enable: true,
pIdKey:'pId',
idKey: 'id',
rootPId:''
}
},
view: {
showLine:false,
//showTitle: true,
showIcon: true,
},
callback: {
onCheck: this.zTreeOnCheck,
beforeClick: this.ztreeBeforeOnClick,
}
},
zTreeNodes:[
{
createTime: "2020-10-19T07:00:15.000+0000",
icon: null,
id: "dormitory001",
leaf: false,
level: 0,
name: "根节点",
pId: "",
proRepositoryId: null,
useSubsystem: null,
},
{
createTime: "2020-10-19T07:00:15.000+0000",
icon: null,
id: "55f67dcc42a5426fb0670d58dda22a5b",
leaf: false,
level: 1,
name: "默认院区",
pId: "dormitory001",
proRepositoryId: null,
useSubsystem: null,
},
{
createTime: "2020-10-19T07:00:15.000+0000",
icon: null,
id: "bd38a574b5084f4bb2b2f7e73752a7d4",
leaf: false,
level: 2,
name: "默认宿舍",
pId: "55f67dcc42a5426fb0670d58dda22a5b",
proRepositoryId: "2",
useSubsystem: null,
},
{
createTime: "2020-10-19T07:00:15.000+0000",
icon: null,
id: "fa11dc31e21a430a9dd419f8e469e467",
leaf: false,
level: 3,
name: "默认楼层",
pId: "bd38a574b5084f4bb2b2f7e73752a7d4",
proRepositoryId: null,
useSubsystem: null,
},{
createTime: "2020-10-19T07:00:15.000+0000",
icon: null,
id: "79cd2350c4c4443b90899c3a0e491871",
leaf: true,
level: 4,
name: "默认寝室",
pId: "fa11dc31e21a430a9dd419f8e469e467",
proRepositoryId: null,
useSubsystem: null,
}
]
初始化
createTree(){
this.zTreeObj = $.fn.zTree.init($("#tree"), this.setting, this.zTreeNodes);
let rootZtree = this.zTreeObj.getNodesByParam("id", "dormitory001", null)[0];
this.zTreeObj.expandNode(rootZtree, true, false, true, true);
},