RemoveCommandDirective
Represents the remove command of the TreeList. Apply this directive to any button element inside a CommandColumnComponent.
When the user clicks a button with this directive, the remove` event is triggered (see example).
The button with kendoTreeListRemoveCommand is automatically hidden when the row is in edit mode. The directive takes the cellContext from the cell template as input.
<kendo-treelist ...>
<kendo-treelist-command-column title="command">
<ng-template kendoTreeListCellTemplate let-cellContext="cellContext">
<button [kendoTreeListRemoveCommand]="cellContext">Remove row</button>
</ng-template>
</kendo-treelist-command-column>
</kendo-treelist>
Selector
[kendoTreeListRemoveCommand]
Inputs
| Name | Type | Default | Description |
|---|---|---|---|
kendoTreeListRemoveCommand |
|
Provides the | |
disabled |
|
|
When |
fillMode |
|
Sets the background and border styles of the Button. See Button Appearance. The default value is set by the Kendo theme. | |
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. The default value is set by the Kendo theme. | |
selected |
|
|
Sets the selected state of the Button.
Use with the |
size |
|
Sets the padding of the Button. See Button Appearance. The default value is set by the Kendo theme. | |
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. The default value is set by the Kendo theme. | |
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. |