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

iconClass java.lang.String

The class for the web font icon of the button. When it is defined as an object it allows to customize the web font icon for the "edit", "update" and "cancel" command buttons. Further configuration is available via kendo:grid-column-commandItem-iconClass.

Example

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

template java.lang.String

The template of the command column.

Example

<kendo:grid-column-commandItem template="template">
</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-iconClass

The class for the web font icon of the button. When it is defined as an object it allows to customize the web font icon for the "edit", "update" and "cancel" command buttons.

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

Example

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

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

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>

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>

Event Tags

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>

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>