Custom Column Menu Contents i.e. Buttons

[Maizal]

Hello,

I was wondering if you have examples on creating a custom column menu with customizable items within it.

 

Something along the lines of the following link but truly customizable menu options: https://www.telerik.com/kendo-angular-ui/components/grid/api/ColumnMenuTemplateDirective/

 

I would like the column menu to contain 2 buttons, each with it's own event raised and handled. 

Please let me know if this is possible.

 

Thanks.

[Maizal]

Does anyone have any ideas about this?

[Martin]

Hello Maizal,

Using the kendoGridColumnMenuTemplate is the right way to go when the menu needs to be customized. Basically, the templates allow using any custom code on top of the current implementation.

The code snippet that you are referring to, demonstrate how dedicated column menu components can be used separately, but any custom elements can be added as well, e.g.

  <ng-template kendoGridColumnMenuTemplate let-service="service">
          <kendo-grid-columnmenu-sort [service]="service">
          </kendo-grid-columnmenu-sort>
          <button class="k-button">Click</button>
        </ng-template>

https://stackblitz.com/edit/angular-spfidf

I hope this helps.

Regards,
Martin
Progress Telerik