Skip to content

自定义

FlexTree允许自定义关键字段和扩展节点字段。

关键字段

FlexTree中,默认情况下,每一个节点均具idlevelleftValuerightValuename这五个关键字段,如果要在一个表中存储多棵树,还需要加上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字段改为pktreeId字段改为treename字段改为titleleftValue字段改为lftrightValue字段改为rgtlevel字段改为lv
  • 通过泛型参数重新声明关键字段的名称和类型。

扩展字段

除了idlevelleftValuerightValuename这五个关键字段,还可以通过第一个泛型参数声明其他字段,比如:

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'
    }
})