<kendo:treeList-column-commandItem>

The configuration of the column command(s). If set the column would display a button for every command. Commands can be custom or built-in ("edit", "createChild" or "destroy"): The "edit" built-in command switches the current table row to edit mode.; The "createChild" built-in command adds a new child item to the current table row and switches to edit mode. or The "destroy" built-in command 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 applied to the command button.

Example

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

click java.lang.String

The JavaScript function executed when the user clicks the command button. The function receives a jQuery Event as an argument.The function context (available via 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 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. The built-in command names are "edit", "createChild" and "destroy". Check the columns.command section for additional important information. When set to a custom value, the name is rendered as a data-command attribute.

Example

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

text java.lang.String

The text 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 executed when the user clicks the command button. The function receives a jQuery Event as an argument.The function context (available via 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 executed when the user clicks the command button. The function receives a jQuery Event as an argument.The function context (available via 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>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy