RemoveCommandDirective
Represents the remove
command of the Grid. You can apply this directive to any button
element
inside a CommandColumnComponent
(see example).
When an associated button with the directive is clicked, the
remove
mode, the button with the kendoGridRemoveCommand
is automatically hidden.
<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 |
|
|
If set to |
fillMode |
|
|
The fillMode property specifies the background and border styles of the Button (see example). |
icon |
|
Defines the name for an existing font icon in the Kendo UI theme. | |
iconClass |
|
Defines a CSS class—or multiple classes separated by spaces—
which are applied to a | |
imageUrl |
|
Defines a URL which is used for an | |
rounded |
|
|
The rounded property specifies the border radius of the Button (see example). |
selected |
|
|
Sets the selected state of the Button. |
size |
|
|
The size property specifies the padding of the Button (see example). |
svgIcon |
|
Defines an SVGIcon to be rendered within the button. | |
themeColor |
|
|
The Button allows you to specify predefined theme colors. The theme color will be applied as a background and border color while also amending the text color accordingly (see example). |
toggleable |
|
|
Provides visual styling that indicates if the Button is active. |
Events
Name | Type | Description |
---|---|---|
click |
|
Fires each time the user clicks the button. |
selectedChange |
|
Fires each time the selected state of a toggleable button is changed. The event argument is the new selected state (boolean). |
Methods
blur |
---|
Blurs the Button component. |
focus |
---|
Focuses the Button component. |