<kendo:grid-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" or "destroy").The "edit" built-in command switches the current table row in edit mode.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:grid-column-command>
    <kendo:grid-column-commandItem></kendo:grid-column-commandItem>
</kendo:grid-column-command>

Configuration Attributes

className java.lang.String

The CSS class applied to the command button.

Example

<kendo:grid-column-commandItem className="className">
</kendo:grid-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 grid instance.

Example

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

name java.lang.String

The name of the command. The built-in commands are "edit" and "destroy". Can be set to a custom value.

Example

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

text java.lang.String

The text displayed by the command button and the "cancel", "edit" and "update" texts of the edit command. If not set the name option is used as the button text. Further configuration is available via kendo:grid-column-commandItem-text.

Example

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

visible java.lang.String

The JavaScript function executed on initialization of the row which will determine whether the command button will be visible. The function receives a the data item object for the row as an argument.

Example

<kendo:grid-column-commandItem visible="visible">
</kendo:grid-column-commandItem>

Configuration JSP Tags

kendo:grid-column-commandItem-text

The text displayed by the command button and the "cancel", "edit" and "update" texts of the edit command. If not set the name option is used as the button text.

More documentation is available at kendo:grid-column-commandItem-text.

Example

<kendo:grid-column-commandItem>
    <kendo:grid-column-commandItem-text></kendo:grid-column-commandItem-text>
</kendo:grid-column-commandItem>

Event Attributes

visible String

The JavaScript function executed on initialization of the row which will determine whether the command button will be visible. The function receives a the data item object for the row as an argument.

Example

<kendo:grid-column-commandItem visible="handle_visible">
</kendo:grid-column-commandItem>
<script>
    function handle_visible(e) {
        // Code to handle the visible event.
    }
</script>

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 grid instance.

Example

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

Event Tags

kendo:grid-column-commandItem-visible

The JavaScript function executed on initialization of the row which will determine whether the command button will be visible. The function receives a the data item object for the row as an argument.

Example

<kendo:grid-column-commandItem>
    <kendo:grid-column-commandItem-visible>
        <script>
            function(e) {
                // Code to handle the visible event.
            }
        </script>
    </kendo:grid-column-commandItem-visible>
</kendo:grid-column-commandItem>

kendo:grid-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 grid instance.

Example

<kendo:grid-column-commandItem>
    <kendo:grid-column-commandItem-click>
        <script>
            function(e) {
                // Code to handle the click event.
            }
        </script>
    </kendo:grid-column-commandItem-click>
</kendo:grid-column-commandItem>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve the information

close
Dummy