Vue TreeList - selection

Configures runtime selection.

Selector: DxSelection
Type:

Selection

A user can select rows in a single or multiple mode. In multiple mode, a user can select all rows at once. To disable this feature, assign false to the allowSelectAll.

Single Row Selection Demo Multiple Row Selection Demo

See Also

allowSelectAll

Allows users to simultaneously select all or current page rows.

Selector: allow-select-all
Type:

Boolean

Default Value: true

To select rows, a user should press Ctrl + A or click the Select All check box in the selection column's header. This check box can also be used to deselect all rows. If a filter is applied, the Select All functionality affects all rows that meet filtering conditions.

If false, this property disables the Select All functionality. In this case, the check box clears selection and is hidden if no rows are selected.

TreeList Demo

mode

Specifies the selection mode.

Default Value: 'none'

The following selection modes are available in the UI component:

View on GitHub View on GitHub

recursive

Specifies whether selection is recursive.

Type:

Boolean

Default Value: false