# Selection

The TreeList enables the user to select single or multiple cells and rows. It also provides default selection implementation from the `getSelectedState` utility function.

## Getting Started

The TreeList selection can be enabled by:

1. Set the [`selectable`](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api/treelistprops#selectable) option.
2. Set the[`selectedField`](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api/treelistprops#selectedfield) option.
3. Use the [`onSelectionChange`](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api/treelistselectionchangeevent) event.
4. Optionally use the [`getSelectedState`](https://www.telerik.com/kendo-vue-ui-develop/components/datatools/api/getselectedstate) utility function for default selection behavior.

As a result, the TreeList allows you to:

* Select single cell or row
* Select multiple cells or rows
* Select range of cells or rows by dragging

The `selectedField` option represents a field inside the data collection which determines the rows that will render as selected.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/treelist/selection-basic/source.txt)

## Suggested Links

* [API Reference of the TreeList](https://www.telerik.com/kendo-vue-ui-develop/components/treelist/api/treelistprops)