Events
Registering events:
<Tree [nodes]="nodes"
(onToggle)="onEvent($event)"
(onActiveChanged)="onEvent($event)"
(onFocus)="onEvent($event)"
(onBlur)="onEvent($event)">
</Tree>
onEvent = ($event) => console.log($event);
onToggle
Triggers when collapsing / expanding a tree node, by clicking on the expand / collapse icon, or by using the right / left arrows.
Parameters
eventName: string
node: ITreeNode
isExpanded: boolean
onActiveChanged
Triggers when activating / deactivating a tree node, by clicking on the node, or by using the Enter / Space keys.
Parameters
eventName: string
node: ITreeNode
isActive: boolean
onActivate
Triggers when activating a tree node, by clicking on the node, or by using the Enter / Space keys.
Parameters
eventName: string
node: ITreeNode
onDeactivate
Triggers when deactivating a tree node, by clicking on the node, or by using the Enter or Space keys.
Parameters
eventName: string
node: ITreeNode
onFocus
Triggers when focusing on a node, by moving with the arrow keys.
Parameters
eventName: string
node: ITreeNode
onBlur
Triggers when focusing on a node, by moving with the arrow keys.
Parameters
eventName: string
node: ITreeNode
onDoubleClick
Triggers when double clicking a node
Parameters
eventName: string
node: ITreeNode
onContextMenu
Triggers when right-clicking a node. For using a custom context menu, use the hasCustomContextMenu option (see Configuration section).
Parameters
eventName: string
node: ITreeNode
onInitialized
Triggers after tree model was created.
Good for performing actions immediately on init, like expanding / activating certain nodes, etc.
You can access the tree model using a ref, as described in the API section.
Parameters
eventName: string
onUpdateData
Triggers after tree model was updated, either by changing the inputs of the tree (nodes, options, etc.) or a direct call to update().
Parameters
eventName: string
onEvent
Catch-all event that is triggered on every other event that is triggered.
Useful for doing the same action for different events by checking the eventName.
The parameters will match whatever event was sent originally.
Parameters
eventName: string
...rest: corresponding to the original event
Updated less than a minute ago