Getting Started
Components
- Barcodes
- Buttons
- Chart Wizardnew
- Charts
- Conversational UI
- Data Query
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Gantt
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputs
- Labels
- Layout
- ListBoxupdated
- ListView
- Map
- Menus
- Navigation
- Notification
- Pager
- PDF Export
- PDFViewer
- PivotGridupdated
- Popup
- ProgressBars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheet
- ToolBar
- Tooltips
- TreeList
- - Overview
  - Installationupdated
  - Data Binding
  - Data Operations
  - Filtering
  - Aggregates
  - Expanded State
  - Paging
  - Sorting
  - Editing
  - Row Reordering
  - Export
  - Columns
  - Accessories
  - Scroll Modes
  - Selection
  - Styling
  - Performance
  - Globalization
  - Keyboard Navigation
  - Accessibility
  - API
- TreeView
- Typography
- Uploadsupdated
- Utilities
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / TreeList / API / SelectableDirective /

New to Kendo UI for Angular? Start a free 30-day trial

SelectableDirective

A directive which controls the selection state. See example.

Selector

[kendoTreeListSelectable]

Export Name

Accessible in templates as #kendoSelectableInstance="kendoTreeListSelectable"

Inputs

Name	Type	Default	Description
columnKey	`string \| (column: any, columnIndex: number) => any`		The field name or a function that specify the columns key.
itemKey	`string \| (dataItem: any) => any`		The field name or a function that specify the dataItems key.
selectedItems	`SelectionItem[]`		Specifies the selected items.

Events

Name	Type	Description
selectedItemsChange	`EventEmitter<SelectionItem[]>`	Fires when the selected items are changed.