Reusable Custom Multiselect Grid Filter

[Nathan]

I see the example for the Reusable Custom Filter with a DropDownList do you happen to have a similar example with a multiselect list. 

I am attempted to create a multi select reusable filter to be used in a grid menu filter.

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/

[Nathan]

Since you don't allow editing of posts or deletion can you please change the name of this forum post to "Reusable Custom Multiselect Grid Filter" so others can benefit?

[Dimiter Topalov]

Hi Nathan,

You can use the Kendo UI for Angular MultiSelect component directly in the Grid Filter Menu template as demonstrated in the following section of our documentation:

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/built-in-template/#toc-customizing-filter-menus

Alternatively, you can wrap the MultiSelect in a standalone custom component and use the wrapper instead, but multiple @Inputs and @Outputs will have to be used to pass information and events between the MultiSelect and the wrapper, for example:

https://stackblitz.com/edit/angular-ufvww7?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Nathan]

Thanks for your response, the first article is one of the articles I have been attempting to follow. I will continue trying to figure out how the direct implementation works. 

The second article you linked does not show a similar example to the Reusable Custom Filter Exmaple DropDownListFilterComponent in the article https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/ this is ideally what we want to implement with a MultiSelect so that we can reuse it in any grid. 

[Nathan]

Also we are attempting to use the dataStateChange event not the filterChange event since we are calling out to a service for our other grid functionality such as sorting, paging, filtering. 

I will open up a support ticket so that I can privately send you the full code. 

[Ivan]

Hi Nathan,

Using it as separate component will allow you to have this filter type as a reusable unit in your application. Else you can refer to this stackblitz sample, part of first article, which demonstrates the direct approach without reusable component.

Regards,
Ivan
Progress Telerik