跳到主要内容

eo-tree

<eo-tree>

树形构件

Examples

Basic

Playground

Checkable

Playground

titleSuffixBrick

Playground

Properties

NameDescriptionTypeDefaultRequired
dataSourceTreeNode[]
checkableboolean
selectableboolean true
defaultExpandAllboolean
showLineboolean
expandedKeysTreeNodeKey[]
checkedKeysTreeNodeKey[]
nodeDraggableboolean | { icon?: false }
switcherIcon"auto" | "chevron" | false
allowDrop((info: AllowDropInfo) => boolean)
titleSuffixBrick{ useBrick: UseBrickConf }

Events

NameDescriptionEvent Detail
checkTreeNodeKey[]
check.detailCheckDetail
expandTreeNodeKey[]
node.dropDropDetail

Type references

TreeNode

extends BasicDataNode
NameTypeRequiredDescription
titlestring
keyTreeNodeKey
childrenTreeNode[]

AllowDropInfo

NameTypeRequiredDescription
dragNodeTreeNode
dropNodeTreeNode
dropPositionnumber

The drop position is relative to the drop node, inside 0, top -1, bottom 1

CheckDetail

NameTypeRequiredDescription
checkedKeysTreeNodeKey[]
halfCheckedKeysTreeNodeKey[]

DropDetail

NameTypeRequiredDescription
dragNodeTreeNode
dropNodeTreeNode
dropPositionnumber

The drop position is relative to the drop node, inside 0, top -1, bottom 1

TreeNodeKey

string | number