RemoveCommandDirective
Represents the remove
command of the Grid. Apply this directive to any button
element
inside a CommandColumnComponent
(see example).
When you click the button with this directive, the
remove
event fires.
The button with kendoGridRemoveCommand
is automatically hidden when the row is in edit mode.
<kendo-grid>
<kendo-grid-command-column title="command">
<ng-template kendoGridCellTemplate>
<button kendoGridRemoveCommand>Remove row</button>
</ng-template>
</kendo-grid-command-column>
</kendo-grid>
Selector
[kendoGridRemoveCommand]
Inputs
Name | Type | Default | Description |
---|---|---|---|
disabled |
|
|
When |
fillMode |
|
|
Sets the background and border styles of the Button. See Button Appearance. |
icon |
|
Sets the name of an existing font icon in the Kendo UI theme. | |
iconClass |
|
Defines a CSS class, or multiple classes separated by spaces applied to a | |
imageUrl |
|
Specifies a URL for an | |
rounded |
|
|
Sets the border radius of the Button. See Button Appearance. |
selected |
|
|
Sets the selected state of the Button.
Use with the |
size |
|
|
Sets the padding of the Button. See Button Appearance. |
svgIcon |
|
Sets an SVG icon to display inside the Button. | |
themeColor |
|
|
Sets a predefined theme color for the Button. The theme color applies as a background and border color and adjusts the text color. See Button Appearance. |
toggleable |
|
|
Adds visual styling to indicate when the Button is active. |
Events
Name | Type | Description |
---|---|---|
click |
|
Fires when the user clicks the Button. |
selectedChange |
|
Fires when the selected state of a toggleable button changes.
The event argument is the new selected state ( |
Methods
blur |
---|
Removes focus from the Button component. |
focus |
---|
Focuses the Button component. |