Vue TreeList Node

A TreeList node's structure.

import { DxTreeListTypes } from "devextreme-vue/tree-list"
Type: DxTreeListTypes.Node

You can access nodes using the getRootNode() method and within some event handlers, for example, onNodesInitialized.

children

Contains all child nodes.

Type:

Array<TreeList Node>

data

The node's data object.

Type: any

hasChildren

Indicates whether the node has child nodes.

Type:

Boolean

key

The node's key.

Type: any

Keys are provided by the key field of the store that underlies the dataSource. Alternatively, you can set the UI component's keyExpr property. With hierarchical data, keys can be generated automatically if key and keyExpr are not set.

level

The node's hierarchical level.

Type:

Number

The level of the root node is -1. This node is not visualized and is used to access the full hierarchy of nodes. The root node's children have level 0, the children's children have level 1, and so forth.

parent

The parent node.

Type:

TreeList Node

visible

Indicates whether the node is visualized as a row.

Type:

Boolean