自定义
FlexTree允许自定义关键字段和扩展节点字段。
关键字段
FlexTree中,默认情况下,每一个节点均具id、level、leftValue、rightValue、name这五个关键字段,如果要在一个表中存储多棵树,还需要加上treeId字段。
可以通过以下方法自定义关键字段,方法如下:
ts
const tree = new FlexTreeManager<{},
// 泛型参数:节点扩展字段
{
id:['pk',string], // id字段名称和类型
treeId:['tree',number],
name:string
}
>('tree', {
// 自定义字段名称
fields:{
id:'pk',
treeId:'tree',
name:'title',
leftValue:'lft',
rightValue:"rgt",
level:'lv'
}
})- 以上将
id字段改为pk,treeId字段改为tree,name字段改为title,leftValue字段改为lft,rightValue字段改为rgt,level字段改为lv。 - 通过泛型参数重新声明关键字段的名称和类型。
扩展字段
除了id、level、leftValue、rightValue、name这五个关键字段,还可以通过第一个泛型参数声明其他字段,比如:
ts
const tree = new FlexTreeManager<{
size:number
color:string
icon:string
},
// 泛型参数:节点扩展字段
{
id:['pk',string], // id字段名称和类型
treeId:['tree',number],
name:string
}
>('tree', {
// 自定义字段名称
fields:{
id:'pk',
treeId:'tree',
name:'title',
leftValue:'lft',
rightValue:"rgt",
level:'lv'
}
})