TreeList

Example

Razor

<kendo-treelist>
    <column-menu></column-menu>
    <columns></columns>
    <editable></editable>
    <excel />
    <filterable />
    <messages />
    <pageable></pageable>
    <pdf></pdf>
    <search />
    <sortable />
    <toolbar></toolbar>
    <treelist-alt-row-template></treelist-alt-row-template>
    <treelist-datasource></treelist-datasource>
    <treelist-row-template></treelist-row-template>
    <treelist-toolbar-template></treelist-toolbar-template>
</kendo-treelist>

ChildTags

Tag Name	Details
column-menu	TreeListColumnMenuSettingsTagHelper
columns	TreeListColumnsTagHelper
editable	TreeListEditableSettingsTagHelper
excel	TreeListExcelSettingsTagHelper
filterable	TreeListFilterableSettingsTagHelper
messages	TreeListMessagesSettingsTagHelper
pageable	TreeListPageableSettingsTagHelper
pdf	TreeListPdfSettingsTagHelper
search	TreeListSearchSettingsTagHelper
sortable	TreeListSortableSettingsTagHelper
toolbar	TreeListToolbarsTagHelper
treelist-alt-row-template	TemplateTagHelper
treelist-datasource	TreeListDataSourceTagHelper
treelist-row-template	TemplateTagHelper
treelist-toolbar-template	TemplateTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
datasource-id	String	The Id of the data source.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
alt-row-template	String	The template which renders the alternating table rows. By default the treelist renders a table row (<tr>) for every data source item.
alt-row-template-handler	String	The template which renders the alternating table rows. By default the treelist renders a table row (<tr>) for every data source item.
alt-row-template-id	String	The template which renders the alternating table rows. By default the treelist renders a table row (<tr>) for every data source item.
alt-row-template-view	IHtmlContent	The template which renders the alternating table rows. By default the treelist renders a table row (<tr>) for every data source item.
as-module	Boolean
auto-bind	Boolean	If set to false, the TreeList will not bind to the specified DataSource during initialization. In this case, data binding will occur when the change event of the DataSource fires. By default, the TreeList will bind to the DataSource that is specified in the configuration.
has-client-component	Boolean
height	Double	The height of the TreeList. Numeric values are treated as pixels.
navigatable	Boolean	If set to true, the user can navigate the widget with the keyboard. By default, keyboard navigation is disabled. For a runnable example, refer to the demo on keyboard navigation in the TreeList.
on-before-edit	String	Fires when the user tries to edit or creates a data item before the editor is created. Can be used for preventing the editing depending on custom logic. The event handler function context (available through the this keyword) will be set to the widget instance. The event will be fired only when the TreeList is editable.
on-cancel	String	Fires when the user clicks the Cancel button (in inline or popup edit mode) or closes the popup window. The event handler function context (available through the this keyword) will be set to the widget instance.
on-cell-close	String	Fires when the incell edit mode is used and the cell will be closed. The event is triggered after saving or canceling the changes but before the cell is closed. The event handler function context (available through the this keyword) will be set to the widget instance.
on-change	String	Fires when the user selects a table row or cell in the TreeList. The event handler function context (available through the this keyword) will be set to the widget instance.
on-collapse	String	Fires when an item is about to be collapsed. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-hide	String	Fires when the user hides a column. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-lock	String	Fires when the user lock a column. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-menu-init	String	Fires when the column menu is initialized. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-menu-open	String	Fires when the column menu is opened. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-reorder	String	Fires when the user changes the order of a column. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-resize	String	Fires when the user resizes a column. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-show	String	Fires when the user shows a column. The event handler function context (available through the this keyword) will be set to the widget instance.
on-column-unlock	String	Fires when the user unlock a column. The event handler function context (available through the this keyword) will be set to the widget instance.
on-data-binding	String	Fires before the widget binds to its data source. The event handler function context (available through the this keyword) will be set to the widget instance.
on-data-bound	String	Fires when the widget is bound to data from its data source. The event handler function context (available through the this keyword) will be set to the widget instance.
on-drag	String	(Available as of the 2015.3.1014 release) Fires when the user attempts to drag an item. If prevented, the item is not allowed to move. The event handler function context (available through the this keyword) will be set to the widget instance.
on-dragend	String	(Available as of the 2015.3.1014 release) Fires when the user finishes dragging an item and the model was updated. The event handler function context (available through the this keyword) will be set to the widget instance.
on-dragstart	String	(Available as of the 2015.3.1014 release) Fires when the user attempts to drag an item. If prevented, the item is not allowed to move. The event handler function context (available through the this keyword) will be set to the widget instance.
on-drop	String	(Available as of the 2015.3.1014 release) Fires when the user drops an item. If prevented, the source row will not be moved. The event handler function context (available through the this keyword) will be set to the widget instance.
on-edit	String	Fires when the user edits or creates a data item. The event handler function context (available through the this keyword) will be set to the widget instance.
on-excel-export	String	Fires when the user clicks the Export to Excel toolbar button.
on-expand	String	Fires when an item is about to be expanded. The event handler function context (available through the this keyword) will be set to the widget instance.
on-filter-menu-init	String	Fires when the TreeList filter menu is initialized. The event handler function context (available through the this keyword) will be set to the widget instance.
on-filter-menu-open	String	Fires when the TreeList filter menu is opened. The event handler function context (available through the this keyword) will be set to the widget instance.
on-pdf-export	String	Fires when the user clicks the Export to PDF toolbar button.
on-remove	String	Fires when the user clicks the Destroy command button. The event handler function context (available through the this keyword) will be set to the widget instance.
on-save	String	Fires when a data item is saved. The event handler function context (available through the this keyword) will be set to the widget instance.
on-save-changes	String	Fires when the user clicks the Save command button. The event handler function context (available through the this keyword) will be set to the widget instance.
reorderable	Boolean	If set to true, the user can reorder the columns by dragging their header cells. By default, reordering is disabled.
resizable	Boolean	If set to true, the user can resize columns by dragging their header borders. By default, resizing is disabled.
row-template	String	The template which renders rows. By default renders a table row (<tr>) for every data source item.
row-template-handler	String	The template which renders rows. By default renders a table row (<tr>) for every data source item.
row-template-id	String	The template which renders rows. By default renders a table row (<tr>) for every data source item.
row-template-view	IHtmlContent	The template which renders rows. By default renders a table row (<tr>) for every data source item.
sanitize-id	Boolean
script-attributes	IDictionary<String,Object>
scrollable	Boolean	If set to true, the TreeList will display a scrollbar when the total row height or width exceeds the TreeList height or width. By default, scrolling is enabled. Scrolling renders separate tables for the header and data area. For accessibility-conscious applications, disable scrolling.
selectable	String	Specifies the selection type of the treelist