跳到主要内容

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
NameDescriptionTypeDefaultRequired
titlestring
keyTreeNodeKey
childrenTreeNode[]

AllowDropInfo

NameDescriptionTypeDefaultRequired
dragNodeTreeNode
dropNodeTreeNode
dropPosition

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

number

CheckDetail

NameDescriptionTypeDefaultRequired
checkedKeysTreeNodeKey[]
halfCheckedKeysTreeNodeKey[]

DropDetail

NameDescriptionTypeDefaultRequired
dragNodeTreeNode
dropNodeTreeNode
dropPosition

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

number

TreeNodeKey

string | number