<kendo:treeList>

A JSP wrapper for Kendo UI TreeList.

Configuration Attributes

autoBind 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.

Example

<kendo:treeList autoBind="autoBind">
</kendo:treeList>

columnMenu boolean

If set to true, the TreeList displays the column menu when the user clicks the Chevron icon in the column headers. The column menu allows the user to show and hide columns, and, if filtering and sorting are enabled, filter and sort the data. By default, the column menu is disabled. Can be set to a JavaScript object which represents the column menu configuration. Further configuration is available via kendo:treeList-columnMenu.

Example

<kendo:treeList columnMenu="columnMenu">
</kendo:treeList>

editable boolean

If set to true, the user will be able to edit the data to which the TreeList is bound. By default, editing is disabled. can be set to a JavaScript object (which represents the editing configuration) or to a string (which specifies the edit mode).The supported string values are: (Default) inline; popup or incell. Further configuration is available via kendo:treeList-editable.

Example

<kendo:treeList editable="editable">
</kendo:treeList>

filterable boolean

If set to true, the user can filter the data source by using the TreeList filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration. Further configuration is available via kendo:treeList-filterable.

Example

<kendo:treeList filterable="filterable">
</kendo:treeList>

height java.lang.Object

The height of the TreeList. Numeric values are treated as pixels.

Example

<kendo:treeList height="height">
</kendo:treeList>

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.

Example

<kendo:treeList navigatable="navigatable">
</kendo:treeList>

pageable boolean

If set to true, the TreeList displays a pager. By default, paging is disabled. Only client-side paging is supported which means that all data items are expected to be available when the TreeList is initialized. Can be set to a JavaScript object which represents the pager configuration. Further configuration is available via kendo:treeList-pageable.

Example

<kendo:treeList pageable="pageable">
</kendo:treeList>

reorderable boolean

If set to true, the user can reorder the columns by dragging their header cells. By default, reordering is disabled.

Example

<kendo:treeList reorderable="reorderable">
</kendo:treeList>

resizable boolean

If set to true, the user can resize columns by dragging their header borders. By default, resizing is disabled.

Example

<kendo:treeList resizable="resizable">
</kendo:treeList>

scrollable java.lang.Object

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.

Example

<kendo:treeList scrollable="scrollable">
</kendo:treeList>

selectable java.lang.Object

If set to true, the user will be able to select TreeList rows. By default, selection is disabled.Can also be set to the following string values: row - The user can select a single row.; cell - The user can select a single cell.; multiple, row - The user can select multiple rows. or multiple, cell - The user can select multiple cells..

Example

<kendo:treeList selectable="selectable">
</kendo:treeList>

sortable boolean

If set to true, the user is able to sort the TreeList by clicking the column header cells. By default, sorting is disabled. Can be set to a JavaScript object which represents the sorting configuration. Further configuration is available via kendo:treeList-sortable.

Example

<kendo:treeList sortable="sortable">
</kendo:treeList>

toolbar java.lang.String

If a String value is assigned to the toolbar configuration option, it will be treated as a single string template for the whole TreeList toolbar and the string value will be passed as an argument to a kendo.template() function.; If a Function value is assigned (it may be a kendo.template() function call or a generic function reference), then the return value of the function will be used to render the contents of the TreeList toolbar. or If an Array value is assigned, it will be treated as the list of commands which are displayed in the TreeList toolbar. Commands can be custom or built-in. The supported built-in commands are:create - Adds an empty data item to the treelist.excel - Exports the TreeList data in MS Excel format.pdf - Exports the TreeList data in PDF format.. Further configuration is available via kendo:treeList-toolbar.

Example

<kendo:treeList toolbar="toolbar">
</kendo:treeList>

Configuration JSP Tags

kendo:treeList-columnMenu

If set to true, the TreeList displays the column menu when the user clicks the Chevron icon in the column headers. The column menu allows the user to show and hide columns, and, if filtering and sorting are enabled, filter and sort the data. By default, the column menu is disabled. Can be set to a JavaScript object which represents the column menu configuration.

More documentation is available at kendo:treeList-columnMenu.

Example

<kendo:treeList>
    <kendo:treeList-columnMenu></kendo:treeList-columnMenu>
</kendo:treeList>

kendo:treeList-columns

The configuration of the TreeList columns whcih represents an array of JavaScript objects or strings. JavaScript objects are interpreted as column configurations. Strings are interpreted as thefield to which the column is bound. The TreeList will create a column for each item of the array.

More documentation is available at kendo:treeList-columns.

Example

<kendo:treeList>
    <kendo:treeList-columns></kendo:treeList-columns>
</kendo:treeList>

kendo:treeList-editable

If set to true, the user will be able to edit the data to which the TreeList is bound. By default, editing is disabled. can be set to a JavaScript object (which represents the editing configuration) or to a string (which specifies the edit mode).The supported string values are: (Default) inline; popup or incell.

More documentation is available at kendo:treeList-editable.

Example

<kendo:treeList>
    <kendo:treeList-editable></kendo:treeList-editable>
</kendo:treeList>

kendo:treeList-excel

Configures the Excel export settings of the TreeList.

More documentation is available at kendo:treeList-excel.

Example

<kendo:treeList>
    <kendo:treeList-excel></kendo:treeList-excel>
</kendo:treeList>

kendo:treeList-filterable

If set to true, the user can filter the data source by using the TreeList filter menu. By default, filtering is disabled. Can be set to a JavaScript object which represents the filter menu configuration.

More documentation is available at kendo:treeList-filterable.

Example

<kendo:treeList>
    <kendo:treeList-filterable></kendo:treeList-filterable>
</kendo:treeList>

kendo:treeList-messages

Defines the text of the command buttons that are shown within the TreeList. Used primarily for localization.

More documentation is available at kendo:treeList-messages.

Example

<kendo:treeList>
    <kendo:treeList-messages></kendo:treeList-messages>
</kendo:treeList>

kendo:treeList-pageable

If set to true, the TreeList displays a pager. By default, paging is disabled. Only client-side paging is supported which means that all data items are expected to be available when the TreeList is initialized. Can be set to a JavaScript object which represents the pager configuration.

More documentation is available at kendo:treeList-pageable.

Example

<kendo:treeList>
    <kendo:treeList-pageable></kendo:treeList-pageable>
</kendo:treeList>

kendo:treeList-pdf

Configures the PDF export settings of the TreeList.

More documentation is available at kendo:treeList-pdf.

Example

<kendo:treeList>
    <kendo:treeList-pdf></kendo:treeList-pdf>
</kendo:treeList>

kendo:treeList-sortable

If set to true, the user is able to sort the TreeList by clicking the column header cells. By default, sorting is disabled. Can be set to a JavaScript object which represents the sorting configuration.

More documentation is available at kendo:treeList-sortable.

Example

<kendo:treeList>
    <kendo:treeList-sortable></kendo:treeList-sortable>
</kendo:treeList>

kendo:treeList-toolbar

If a String value is assigned to the toolbar configuration option, it will be treated as a single string template for the whole TreeList toolbar and the string value will be passed as an argument to a kendo.template() function.; If a Function value is assigned (it may be a kendo.template() function call or a generic function reference), then the return value of the function will be used to render the contents of the TreeList toolbar. or If an Array value is assigned, it will be treated as the list of commands which are displayed in the TreeList toolbar. Commands can be custom or built-in. The supported built-in commands are:create - Adds an empty data item to the treelist.excel - Exports the TreeList data in MS Excel format.pdf - Exports the TreeList data in PDF format..

More documentation is available at kendo:treeList-toolbar.

Example

<kendo:treeList>
    <kendo:treeList-toolbar></kendo:treeList-toolbar>
</kendo:treeList>

Event Attributes

beforeEdit 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.

For additional information check the beforeEdit event documentation.

Example

<kendo:treeList beforeEdit="handle_beforeEdit">
</kendo:treeList>
<script>
    function handle_beforeEdit(e) {
        // Code to handle the beforeEdit event.
    }
</script>

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.

For additional information check the cancel event documentation.

Example

<kendo:treeList cancel="handle_cancel">
</kendo:treeList>
<script>
    function handle_cancel(e) {
        // Code to handle the cancel event.
    }
</script>

cellClose 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.

For additional information check the cellClose event documentation.

Example

<kendo:treeList cellClose="handle_cellClose">
</kendo:treeList>
<script>
    function handle_cellClose(e) {
        // Code to handle the cellClose event.
    }
</script>

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.

For additional information check the change event documentation.

Example

<kendo:treeList change="handle_change">
</kendo:treeList>
<script>
    function handle_change(e) {
        // Code to handle the change event.
    }
</script>

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.

For additional information check the collapse event documentation.

Example

<kendo:treeList collapse="handle_collapse">
</kendo:treeList>
<script>
    function handle_collapse(e) {
        // Code to handle the collapse event.
    }
</script>

dataBinding 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.

For additional information check the dataBinding event documentation.

Example

<kendo:treeList dataBinding="handle_dataBinding">
</kendo:treeList>
<script>
    function handle_dataBinding(e) {
        // Code to handle the dataBinding event.
    }
</script>

dataBound 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.

For additional information check the dataBound event documentation.

Example

<kendo:treeList dataBound="handle_dataBound">
</kendo:treeList>
<script>
    function handle_dataBound(e) {
        // Code to handle the dataBound event.
    }
</script>

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.

For additional information check the dragstart event documentation.

Example

<kendo:treeList dragstart="handle_dragstart">
</kendo:treeList>
<script>
    function handle_dragstart(e) {
        // Code to handle the dragstart event.
    }
</script>

drag String

(Available as of the 2015.3.1014 release) Fires while the user is dragging and item. This event is triggered on every mouse move. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the drag event documentation.

Example

<kendo:treeList drag="handle_drag">
</kendo:treeList>
<script>
    function handle_drag(e) {
        // Code to handle the drag event.
    }
</script>

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.

For additional information check the dragend event documentation.

Example

<kendo:treeList dragend="handle_dragend">
</kendo:treeList>
<script>
    function handle_dragend(e) {
        // Code to handle the dragend event.
    }
</script>

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.

For additional information check the drop event documentation.

Example

<kendo:treeList drop="handle_drop">
</kendo:treeList>
<script>
    function handle_drop(e) {
        // Code to handle the drop event.
    }
</script>

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.

For additional information check the edit event documentation.

Example

<kendo:treeList edit="handle_edit">
</kendo:treeList>
<script>
    function handle_edit(e) {
        // Code to handle the edit event.
    }
</script>

excelExport String

Fires when the user clicks the Export to Excel toolbar button.

For additional information check the excelExport event documentation.

Example

<kendo:treeList excelExport="handle_excelExport">
</kendo:treeList>
<script>
    function handle_excelExport(e) {
        // Code to handle the excelExport event.
    }
</script>

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.

For additional information check the expand event documentation.

Example

<kendo:treeList expand="handle_expand">
</kendo:treeList>
<script>
    function handle_expand(e) {
        // Code to handle the expand event.
    }
</script>

filterMenuInit 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.

For additional information check the filterMenuInit event documentation.

Example

<kendo:treeList filterMenuInit="handle_filterMenuInit">
</kendo:treeList>
<script>
    function handle_filterMenuInit(e) {
        // Code to handle the filterMenuInit event.
    }
</script>

filterMenuOpen 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.

For additional information check the filterMenuOpen event documentation.

Example

<kendo:treeList filterMenuOpen="handle_filterMenuOpen">
</kendo:treeList>
<script>
    function handle_filterMenuOpen(e) {
        // Code to handle the filterMenuOpen event.
    }
</script>

pdfExport String

Fires when the user clicks the Export to PDF toolbar button.

For additional information check the pdfExport event documentation.

Example

<kendo:treeList pdfExport="handle_pdfExport">
</kendo:treeList>
<script>
    function handle_pdfExport(e) {
        // Code to handle the pdfExport event.
    }
</script>

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.

For additional information check the remove event documentation.

Example

<kendo:treeList remove="handle_remove">
</kendo:treeList>
<script>
    function handle_remove(e) {
        // Code to handle the remove event.
    }
</script>

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.

For additional information check the save event documentation.

Example

<kendo:treeList save="handle_save">
</kendo:treeList>
<script>
    function handle_save(e) {
        // Code to handle the save event.
    }
</script>

saveChanges 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.

For additional information check the saveChanges event documentation.

Example

<kendo:treeList saveChanges="handle_saveChanges">
</kendo:treeList>
<script>
    function handle_saveChanges(e) {
        // Code to handle the saveChanges event.
    }
</script>

columnShow 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.

For additional information check the columnShow event documentation.

Example

<kendo:treeList columnShow="handle_columnShow">
</kendo:treeList>
<script>
    function handle_columnShow(e) {
        // Code to handle the columnShow event.
    }
</script>

columnHide 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.

For additional information check the columnHide event documentation.

Example

<kendo:treeList columnHide="handle_columnHide">
</kendo:treeList>
<script>
    function handle_columnHide(e) {
        // Code to handle the columnHide event.
    }
</script>

columnReorder 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.

For additional information check the columnReorder event documentation.

Example

<kendo:treeList columnReorder="handle_columnReorder">
</kendo:treeList>
<script>
    function handle_columnReorder(e) {
        // Code to handle the columnReorder event.
    }
</script>

columnResize 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.

For additional information check the columnResize event documentation.

Example

<kendo:treeList columnResize="handle_columnResize">
</kendo:treeList>
<script>
    function handle_columnResize(e) {
        // Code to handle the columnResize event.
    }
</script>

columnMenuInit 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.

For additional information check the columnMenuInit event documentation.

Example

<kendo:treeList columnMenuInit="handle_columnMenuInit">
</kendo:treeList>
<script>
    function handle_columnMenuInit(e) {
        // Code to handle the columnMenuInit event.
    }
</script>

columnMenuOpen 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.

For additional information check the columnMenuOpen event documentation.

Example

<kendo:treeList columnMenuOpen="handle_columnMenuOpen">
</kendo:treeList>
<script>
    function handle_columnMenuOpen(e) {
        // Code to handle the columnMenuOpen event.
    }
</script>

columnLock 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.

For additional information check the columnLock event documentation.

Example

<kendo:treeList columnLock="handle_columnLock">
</kendo:treeList>
<script>
    function handle_columnLock(e) {
        // Code to handle the columnLock event.
    }
</script>

columnUnlock 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.

For additional information check the columnUnlock event documentation.

Example

<kendo:treeList columnUnlock="handle_columnUnlock">
</kendo:treeList>
<script>
    function handle_columnUnlock(e) {
        // Code to handle the columnUnlock event.
    }
</script>

Event Tags

kendo:treeList-beforeEdit

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.

For additional information check the beforeEdit event documentation.

Example

<kendo:treeList>
    <kendo:treeList-beforeEdit>
        <script>
            function(e) {
                // Code to handle the beforeEdit event.
            }
        </script>
    </kendo:treeList-beforeEdit>
</kendo:treeList>

kendo:treeList-cancel

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.

For additional information check the cancel event documentation.

Example

<kendo:treeList>
    <kendo:treeList-cancel>
        <script>
            function(e) {
                // Code to handle the cancel event.
            }
        </script>
    </kendo:treeList-cancel>
</kendo:treeList>

kendo:treeList-cellClose

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.

For additional information check the cellClose event documentation.

Example

<kendo:treeList>
    <kendo:treeList-cellClose>
        <script>
            function(e) {
                // Code to handle the cellClose event.
            }
        </script>
    </kendo:treeList-cellClose>
</kendo:treeList>

kendo:treeList-change

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.

For additional information check the change event documentation.

Example

<kendo:treeList>
    <kendo:treeList-change>
        <script>
            function(e) {
                // Code to handle the change event.
            }
        </script>
    </kendo:treeList-change>
</kendo:treeList>

kendo:treeList-collapse

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.

For additional information check the collapse event documentation.

Example

<kendo:treeList>
    <kendo:treeList-collapse>
        <script>
            function(e) {
                // Code to handle the collapse event.
            }
        </script>
    </kendo:treeList-collapse>
</kendo:treeList>

kendo:treeList-dataBinding

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.

For additional information check the dataBinding event documentation.

Example

<kendo:treeList>
    <kendo:treeList-dataBinding>
        <script>
            function(e) {
                // Code to handle the dataBinding event.
            }
        </script>
    </kendo:treeList-dataBinding>
</kendo:treeList>

kendo:treeList-dataBound

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.

For additional information check the dataBound event documentation.

Example

<kendo:treeList>
    <kendo:treeList-dataBound>
        <script>
            function(e) {
                // Code to handle the dataBound event.
            }
        </script>
    </kendo:treeList-dataBound>
</kendo:treeList>

kendo:treeList-dragstart

(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.

For additional information check the dragstart event documentation.

Example

<kendo:treeList>
    <kendo:treeList-dragstart>
        <script>
            function(e) {
                // Code to handle the dragstart event.
            }
        </script>
    </kendo:treeList-dragstart>
</kendo:treeList>

kendo:treeList-drag

(Available as of the 2015.3.1014 release) Fires while the user is dragging and item. This event is triggered on every mouse move. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the drag event documentation.

Example

<kendo:treeList>
    <kendo:treeList-drag>
        <script>
            function(e) {
                // Code to handle the drag event.
            }
        </script>
    </kendo:treeList-drag>
</kendo:treeList>

kendo:treeList-dragend

(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.

For additional information check the dragend event documentation.

Example

<kendo:treeList>
    <kendo:treeList-dragend>
        <script>
            function(e) {
                // Code to handle the dragend event.
            }
        </script>
    </kendo:treeList-dragend>
</kendo:treeList>

kendo:treeList-drop

(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.

For additional information check the drop event documentation.

Example

<kendo:treeList>
    <kendo:treeList-drop>
        <script>
            function(e) {
                // Code to handle the drop event.
            }
        </script>
    </kendo:treeList-drop>
</kendo:treeList>

kendo:treeList-edit

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.

For additional information check the edit event documentation.

Example

<kendo:treeList>
    <kendo:treeList-edit>
        <script>
            function(e) {
                // Code to handle the edit event.
            }
        </script>
    </kendo:treeList-edit>
</kendo:treeList>

kendo:treeList-excelExport

Fires when the user clicks the Export to Excel toolbar button.

For additional information check the excelExport event documentation.

Example

<kendo:treeList>
    <kendo:treeList-excelExport>
        <script>
            function(e) {
                // Code to handle the excelExport event.
            }
        </script>
    </kendo:treeList-excelExport>
</kendo:treeList>

kendo:treeList-expand

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.

For additional information check the expand event documentation.

Example

<kendo:treeList>
    <kendo:treeList-expand>
        <script>
            function(e) {
                // Code to handle the expand event.
            }
        </script>
    </kendo:treeList-expand>
</kendo:treeList>

kendo:treeList-filterMenuInit

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.

For additional information check the filterMenuInit event documentation.

Example

<kendo:treeList>
    <kendo:treeList-filterMenuInit>
        <script>
            function(e) {
                // Code to handle the filterMenuInit event.
            }
        </script>
    </kendo:treeList-filterMenuInit>
</kendo:treeList>

kendo:treeList-filterMenuOpen

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.

For additional information check the filterMenuOpen event documentation.

Example

<kendo:treeList>
    <kendo:treeList-filterMenuOpen>
        <script>
            function(e) {
                // Code to handle the filterMenuOpen event.
            }
        </script>
    </kendo:treeList-filterMenuOpen>
</kendo:treeList>

kendo:treeList-pdfExport

Fires when the user clicks the Export to PDF toolbar button.

For additional information check the pdfExport event documentation.

Example

<kendo:treeList>
    <kendo:treeList-pdfExport>
        <script>
            function(e) {
                // Code to handle the pdfExport event.
            }
        </script>
    </kendo:treeList-pdfExport>
</kendo:treeList>

kendo:treeList-remove

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.

For additional information check the remove event documentation.

Example

<kendo:treeList>
    <kendo:treeList-remove>
        <script>
            function(e) {
                // Code to handle the remove event.
            }
        </script>
    </kendo:treeList-remove>
</kendo:treeList>

kendo:treeList-save

Fires when a data item is saved. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the save event documentation.

Example

<kendo:treeList>
    <kendo:treeList-save>
        <script>
            function(e) {
                // Code to handle the save event.
            }
        </script>
    </kendo:treeList-save>
</kendo:treeList>

kendo:treeList-saveChanges

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.

For additional information check the saveChanges event documentation.

Example

<kendo:treeList>
    <kendo:treeList-saveChanges>
        <script>
            function(e) {
                // Code to handle the saveChanges event.
            }
        </script>
    </kendo:treeList-saveChanges>
</kendo:treeList>

kendo:treeList-columnShow

Fires when the user shows a column. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the columnShow event documentation.

Example

<kendo:treeList>
    <kendo:treeList-columnShow>
        <script>
            function(e) {
                // Code to handle the columnShow event.
            }
        </script>
    </kendo:treeList-columnShow>
</kendo:treeList>

kendo:treeList-columnHide

Fires when the user hides a column. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the columnHide event documentation.

Example

<kendo:treeList>
    <kendo:treeList-columnHide>
        <script>
            function(e) {
                // Code to handle the columnHide event.
            }
        </script>
    </kendo:treeList-columnHide>
</kendo:treeList>

kendo:treeList-columnReorder

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.

For additional information check the columnReorder event documentation.

Example

<kendo:treeList>
    <kendo:treeList-columnReorder>
        <script>
            function(e) {
                // Code to handle the columnReorder event.
            }
        </script>
    </kendo:treeList-columnReorder>
</kendo:treeList>

kendo:treeList-columnResize

Fires when the user resizes a column. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the columnResize event documentation.

Example

<kendo:treeList>
    <kendo:treeList-columnResize>
        <script>
            function(e) {
                // Code to handle the columnResize event.
            }
        </script>
    </kendo:treeList-columnResize>
</kendo:treeList>

kendo:treeList-columnMenuInit

Fires when the column menu is initialized. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the columnMenuInit event documentation.

Example

<kendo:treeList>
    <kendo:treeList-columnMenuInit>
        <script>
            function(e) {
                // Code to handle the columnMenuInit event.
            }
        </script>
    </kendo:treeList-columnMenuInit>
</kendo:treeList>

kendo:treeList-columnMenuOpen

Fires when the column menu is opened. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the columnMenuOpen event documentation.

Example

<kendo:treeList>
    <kendo:treeList-columnMenuOpen>
        <script>
            function(e) {
                // Code to handle the columnMenuOpen event.
            }
        </script>
    </kendo:treeList-columnMenuOpen>
</kendo:treeList>

kendo:treeList-columnLock

Fires when the user lock a column. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the columnLock event documentation.

Example

<kendo:treeList>
    <kendo:treeList-columnLock>
        <script>
            function(e) {
                // Code to handle the columnLock event.
            }
        </script>
    </kendo:treeList-columnLock>
</kendo:treeList>

kendo:treeList-columnUnlock

Fires when the user unlock a column. The event handler function context (available through the this keyword) will be set to the widget instance.

For additional information check the columnUnlock event documentation.

Example

<kendo:treeList>
    <kendo:treeList-columnUnlock>
        <script>
            function(e) {
                // Code to handle the columnUnlock event.
            }
        </script>
    </kendo:treeList-columnUnlock>
</kendo:treeList>
In this article
Not finding the help you need?