Selection

By default, selection in the TreeList is disabled.

To boost the performance of the TreeList when it is rendering a huge number of items and selection is enabled, use paging and a reasonable page size.

The Kendo UI Treelist exposes different modes of row selection:

• Row Selection
• Row Checkbox Selection

Row Selection

To enable the selection functionality of the TreeList, set the Selectable option to true. As a result, the default single-row selection functionality will be applied.

    .Selectable(true)

    <kendo-treelist name="treelist" selectable="true">
        ...
    </kendo-treelist>

As of the 2022 R3 release, the Change event will now be fired only when Selection/Deselection is performed.

Single Row Checkbox Selection

To enable checkbox selection, add a column to the columns collection of the TreeList and set the Selectable option to true:

    columns.Add().Selectable(true);

    <kendo-treelist name="treelist">
        <columns>
            <treelist-column selectable="true" width="65px"></treelist-column>
            ...
        </columns>
        ...
    </kendo-treelist>

In order to select or deselect all of the child items of the currently selected row, enable the includeChildren option:

    columns.Add().Selectable(true).IncludeChildren();

    <kendo-treelist name="treelist">
        <columns>
            <treelist-column selectable="true" width="65px" include-children="true"></treelist-column>
            ...
        </columns>
        ...
    </kendo-treelist>

The TreeList does not support the simultaneous usage of the built-in checkbox-column selection and the selection which is enabled through the Selectable option.

See Also

Selection of the TreeList HtmlHelper for ASP.NET Core (Demo)

• Server-Side API