ColumnMenuItemComponent

Represents an item that can be placed inside a
ColumnMenuTemplate directive.

@Component({
    selector: 'my-app',
    template: `
      <kendo-grid [data]="data" [columnMenu]="true" [resizable]="true" #grid>
         <ng-template kendoGridColumnMenuTemplate let-service="service" let-column="column">
             <kendo-grid-columnmenu-item icon="arrows-resizing" text="Fit column"
                 (itemClick)="grid.autoFitColumn(column); service.close()">
             </kendo-grid-columnmenu-item>
         </ng-template>
         <kendo-grid-column field="Field1"></kendo-grid-column>
         <kendo-grid-column field="Field2"></kendo-grid-column>
      </kendo-grid>
    `
})

class AppComponent {
  public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
}

Selector

kendo-grid-columnmenu-item

Inputs

disabled boolean

Specifies if the item is disabled.

expanded boolean

Specifies if the item is expanded.

icon string

Specifies the name of the font icon
that will be rendered for the item.

selected boolean

Specifies if the item is selected.

text string

Specifies the item text.

Events

collapse EventEmitter

Fires when the content is collapsed.

expand EventEmitter

Fires when the content is expanded.

itemClick EventEmitter

Fires when the item is clicked.