ListItemModel

Represents the item models of the Kendo UI DropDownButton and SplitButton components. These are the interface fields that the items use.

import { ListItemModel } from '@progress/kendo-angular-buttons';

@Component({
selector: 'my-app',
template: `
 <kendo-splitbutton [data]="listItems">SplitButton</kendo-splitbutton>
`
})
class AppComponent {
  public listItems: ListItemModel[] = [{
     text: 'item1',
     icon: 'refresh',
     click: (dataItem: any) => {
         //action
     }
 }, {
     text: 'item2',
     iconClass: 'test icon class',
     click: (dataItem: any) => {
         //action
     }
 }, {
     text: 'item3',
     imageUrl: 'https://demos.telerik.com/kendo-ui/content/web/toolbar/upload.png',
     click: (dataItem: any) => {
         //action
     }
 }, {
     text: 'item4',
     disabled: true,
     click: (dataItem: any) => {
         //action
     }
 }]
}

click? (dataItem?: any) => void

An event handler that is emitted when an item is clicked.

disabled? boolean

When set to true, disables a button list item.

icon? string

Defines an icon to be rendered next to the title.

iconClass? string

Defines an icon with a custom CSS class to be rendered next to the title.

imageUrl? string

Defines the location of an image to be displayed next to the title.

text? string

Sets the text of the item.