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

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.

Example

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

Event Attributes

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

Event Tags

kendo:treeList-column-commandItem-click

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>
    <kendo:treeList-column-commandItem-click>
        <script>
            function(e) {
                // Code to handle the click event.
            }
        </script>
    </kendo:treeList-column-commandItem-click>
</kendo:treeList-column-commandItem>
In this article
Not finding the help you need?