<kendo:treeList-column-commandItem>

The configuration of the column commands. If set, the column will display a button for every command. Commands can be custom or built-inThe built-in commands are: edit - Switches the current table row to edit mode. Supports the inline and popup edit modes.; createChild- Adds a new child item to the current table row and switches to edit mode. or destroy - Removes the data item to which the current table row is bound.. Custom commands are supported by specifying the click option.

Example

<kendo:treeList-column-command>
    <kendo:treeList-column-commandItem></kendo:treeList-column-commandItem>
</kendo:treeList-column-command>

Configuration Attributes

className `java.lang.String`

The CSS class that is applied to the command button.

Example

<kendo:treeList-column-commandItem className="className">
</kendo:treeList-column-commandItem>

click `java.lang.String`

The JavaScript function that is executed when the user clicks the command button. The function receives a jQuery event as an argument. The function context that is available through the this keyword will be set to the TreeList instance.

Example

<kendo:treeList-column-commandItem click="click">
</kendo:treeList-column-commandItem>

icon `java.lang.String`

Specifies the icon's name of the command button.

Example

<kendo:treeList-column-commandItem icon="icon">
</kendo:treeList-column-commandItem>

imageClass `java.lang.String`

The CSS class that is applied to the icon span of the command button.

Example

<kendo:treeList-column-commandItem imageClass="imageClass">
</kendo:treeList-column-commandItem>

name `java.lang.String`

The name of the command. Commands can be built-in ("edit", "createChild" and "destroy") or custom. When set to a custom value, the name is rendered as a data-command attribute. For more information, refer to the columns.command section.

Example

<kendo:treeList-column-commandItem name="name">
</kendo:treeList-column-commandItem>

text `java.lang.String`

The text that is displayed by the command button. If not set, the name option is used as the button text. To have an icon button with no text, you can set the text property to an empty string.

Example

<kendo:treeList-column-commandItem text="text">
</kendo:treeList-column-commandItem>

Event Attributes

click `String`

Example

<kendo:treeList-column-commandItem click="handle_click">
</kendo:treeList-column-commandItem>
<script>
    function handle_click(e) {
        // Code to handle the click event.
    }
</script>

Event Tags