SaveCommandDirective
Represents the save
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
save event
is triggered. When the row is not in the edit mode, the button with kendoGridSaveCommand
is automatically hidden.
You can control the content of the button based on the state of the row.
<kendo-grid>
<kendo-grid-command-column title="command">
<ng-template kendoGridCellTemplate let-isNew="isNew">
<button kendoGridSaveCommand>{{isNew ? 'Add' : 'Update'}}</button>
</ng-template>
</kendo-grid-command-column>
</kendo-grid>
Selector
[kendoGridSaveCommand]
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. |