New to Kendo UI for Angular? Start a free 30-day trial

ColumnMenuFilterComponent

Represents the component for editing column filters in the Grid that can be placed inside a ColumnMenuTemplate directive.

You have to set the ColumnMenuService that is passed by the template to the service input of the kendo-grid-columnmenu-filter component.


@Component({
    selector: 'my-app',
    template: `
      <kendo-grid [kendoGridBinding]="data" [columnMenu]="true">
         <ng-template kendoGridColumnMenuTemplate let-service="service">
             <kendo-grid-columnmenu-filter [service]="service">
             </kendo-grid-columnmenu-filter>
         </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-filter

Inputs

expanded

boolean

Specifies if the content is expanded.

service

ColumnMenuService

Represents the ColumnMenuService class. Requires a mandatory input.

Events

collapse

EventEmitter<any>

Fires when the content is collapsed.

expand

EventEmitter<any>

Fires when the content is expanded.

In this article

Not finding the help you need?