Adding Filter to Angular 2 FlexGrid with Hierarchical Data

Adding Filter to Angular 2 FlexGrid with Hierarchical Data

Posted by: gennady.treibich on 13 September 2017, 10:18 am EST

• 

  gennady.treibich

  • Post Options:
  • Link
    Copy

  Posted 13 September 2017, 10:18 am EST

  Hello
  
  I’m using FlexGrid Angular 2 with Hierarchical Data.
  
  I added filter option in the headers by using : <wj-flex-grid-filter #filter >
  
  When i click on the filter icon I get only the top level values (in the example I added you see only the value “nothing” that is for no data in the top row.
  
  How can I use the filter option to filter all the data and not only the top row values?

• 

  gennady.treibich

  • Post Options:
  • Link
    Copy

  Posted 13 September 2017, 10:20 am EST

  Adding the image

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 14 September 2017, 7:54 am EST

  Hi Gennady,
  
  This is by design.

  The FlexGrid relies on the CollectionView for all data operations, including filtering. The CollectionView deals only with flat (non-hierarchical) data. Therefore, the filtering applies only to top-level items.

  However, Filtering hierarchical data is possible using global filtering:

  Please see this blog for details and an example of hierarchical filtering:

  http://wijmo.com/blog/filter-hierarchical-data-flexgrid/

  Thanks,
  
  Manish Kumar Gupta

• 

  gennady.treibich

  • Post Options:
  • Link
    Copy

  Posted 7 December 2017, 3:44 am EST

  is it the same for sorting ?

• 

  richard.mccluskey

  • Post Options:
  • Link
    Copy

  Posted 14 August 2018, 7:36 pm EST

  The blog post is helpful for how to filter hierarchical items, but it doesn’t answer the question of how to get the child item values to show up in the filter control checklist. How would you suggest doing that?

• 

  jason.brandt

  • Post Options:
  • Link
    Copy

  Posted 27 November 2018, 5:24 pm EST

  I would also like to see this too…