Filter Template Multiselect not displaying correct Field Text when using Filter Type Checkbox

[Kenney Phan]

Hi,

I have a class "Label" that displays the product name for each OrderID.

I created a Filter Template for the OrderID column with a Multiselect component that is suppose to display the 'Label Name' for each OrderID in the filter.

However, the multiselect filter template for OrderID will only display the corresponding 'Label Name' for each OrderID ONLY if I use 'FilterType.Menu'.

I want to use a 'FilterType.Checkbox' layout, but when I choose that option, the multiselect filter template will only display the OrderIDs as the filter options and not the corresponding 'Label Names'.

I attached a video demonstration on the issue. From [0, 23s] I am using 'FilterType.Menu' which displays the 'Label Names', but when I switch to 'FilterType.Checkbox' from [24s, end], it does not display the 'Label Names' anymore, and only the OrderIDs.

QUESTION:

How do I get a Filter Template with a Multiselect component to display the correct 'Field Text' when using a FilterType.Checkbox?

Thank you

Attachment: Filter_Menu_vs_Checkbox_c9b011bc.zip

[Jeevakanth Palaniappan]

Hi Kenney, 

 

Greetings from Syncfusion support. 

 

We have validated your query and we suggest you to use the FilterItemTemplate feature of the grid to render the custom elements in the filter checkbox dialog. Please refer the below documentation link for your reference. 

 

https://blazor.syncfusion.com/documentation/datagrid/filtering/#filter-item-template 

 

Regards, 

Jeevakanth SP. 

[Kenney Phan]

Hi,

If I use the FilterItemTemplate, how do I implement its filter function?

Just like how the Multiselect component contains '<MultiSelectEvents ValueChange="@OnChange".../>'

where 'ValueChange' implements how the function will filter items.

Thank you.

[Rahul Narayanasamy]

Hi Kenney, 

Thanks for the update. 

Query: If I use the FilterItemTemplate, how do I implement its filter function? 

We have validated your query and you don’t need to implement any filter function for performing filter operation while using FIlterItemTemplate. After selecting the checkbox values in filter dialog, you can click the Filter button to perform the filter operation.  

Reference: 

https://blazor.syncfusion.com/documentation/datagrid/filtering/#filter-item-template 

Please let us know if you have any concerns. 

Regards, 

Rahul