Defines the selection mode of the component. Since the tree uses a ui5-list to display its structure, the tree modes are exactly the same as the list modes, and are all applicable.
Fired when a tree item is expanded or collapsed. Note: You can call preventDefault() on the event object to suppress the event, if needed. This may be handy for example if you want to dynamically load tree items upon the user expanding a node. Even if you prevented the event's default behavior, you can always manually call toggle() on a tree item.
Fired when the Delete button of any tree item is pressed. Note: A Delete button is displayed on each item, when the component selectionMode property is set to Delete.
Fired when selection is changed by user interaction in Single, SingleStart, SingleEnd and Multiple modes.
Type
CustomEvent<TreeSelectionChangeEventDetail>
Parameters
selectedItems: Array An array of the selected items. previouslySelectedItems: Array An array of the previously selected items. targetItem: HTMLElement The item triggering the event.
Fired when a movable tree item is moved over a potential drop target during a drag-and-drop operation. If the new position is valid, prevent the default action of the event using preventDefault().
Type
CustomEvent<TreeMoveEventDetail>
Parameters
source: object Contains information about the moved element under the element property. destination: object Contains information about the destination of the moved element. Has element and placement properties.
Fired when a movable tree item is dropped onto a drop target. Note: The move event is fired only if there was a preceding move-over event with prevented default action.
Type
CustomEvent<TreeMoveEventDetail>
Parameters
source: object Contains information about the moved element under the element property. destination: object Contains information about the destination of the moved element. Has element and placement properties.