Wijmo Flex Grid Filtering in Hierarchy View

Wijmo Flex Grid Filtering in Hierarchy View

Posted by: vibhor.bansal on 2 July 2019, 11:11 am EST

• 

  vibhor.bansal

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 2 July 2019, 11:11 am EST - Updated 3 October 2022, 7:55 pm EST

  The Wijmo Flex Grid provides a column filtering. In case of Hierarchy View, when user clicks on filter icon , Only the parent Rows of collection view is visible in modal pop up. The user have to select from those Parent Rows to filter the grid data.

  Please suggest ,in case of Hierarchy View, whether there is a way to show all grid rows (included children) in modal pop up when user clicks on column filter icon so that user can select any row from that modal pop up and apply filter on child rows of collection view grid.

  

  1091×440 45.8 KB

• 

  abhishek.dutta

  

  • Post Options:
  • Link
    Copy

  Posted 3 July 2019, 6:57 am EST

  Hello,

  In order to apply filtering in a hierarchy grid, you need to do a couple of things for both the filter types.

  For Filter by value, you need to set an array with all the values of the row to the uniqueValues property of valueFilter.
  
  Then, you just need to check whether the current value is selected using the showValues property of ValueFilter class, and show/hide the row accordingly.

  For filter by condition, you need to store the original apply method of the conditionFilter. We will use this original apply method to check whether the value of rows passes the filter or not.
  
  Then, you may use the original apply method that we saved before and use this method to check whether the row data passes the filter and show/hide the row accordingly.

  Please refer to the sample below:

  https://stackblitz.com/edit/js-e1wuv7