ListItemModel
Interface
Represents the item models of the Kendo UI DropDownButton and SplitButton components. These are the interface fields that the items use.
Definition
Package:@progress/kendo-angular-buttons
Syntax:
TS
@Component({
selector: 'my-app',
template: `
<kendo-splitbutton [data]="items">SplitButton</kendo-splitbutton>
`
})
class AppComponent {
public items: ListItemModel[] = [{
text: 'item1',
icon: 'arrow-rotate-cw',
click: (dataItem: any) => {
//action
}
}, {
text: 'item2',
iconClass: 'test icon class',
click: (dataItem: any) => {
//action
}
}]
}Properties
click?
(dataItem: any) => void
Emits an event when the item is clicked.
Parameters:dataItem?any
cssClass?
any
Specifies the CSS classes rendered on the item element. Supports the same values as ngClass.
disabled?
boolean
Disables the button list item when set to true.
icon?
string
Defines an icon rendered next to the title.
iconClass?
string
Defines an icon with a custom CSS class rendered next to the title.
imageAlt?
string
Specifies the value of the image element alt attribute.
imageUrl?
string
Specifies the location of an image displayed next to the title.
text?
string
Sets the text of the item.