Grouped Flexgrid - How do I expand all groups to a selected row?

Grouped Flexgrid - How do I expand all groups to a selected row?

Posted by: Kevin.Happe on 25 June 2024, 12:38 pm EST

• 

  Kevin.Happe

  • Post Options:
  • Link
    Copy

  Posted 25 June 2024, 12:38 pm EST

  I’m using a Grouped Flexgrid. Via a search filter I have selected one of the non-grouped rows in the grid. How do I expand all of the groups that the selected row is in, so the selected row is now visible in the grid.

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 26 June 2024, 4:56 am EST

  Hi Kevin,

  As per our understanding, you are using FlexGrid with grouping and FlexGridSearch for searching data in the FlexGrid and want to expand the groups in the grid when something is searched, if so, then you can use the ‘collapseGroupsToLevel’ method of the FlexGrid to expand the groups to a specific level in grid. This method can be used for both purposes i.e. to expand or collapse all groups in the grid. You can handle the ‘loadedRows’ event of the grid to expand all groups.

  Please refer to the following sample demonstrating the same - https://jscodemine.mescius.io/share/1Zc4L0EMlE2un4PyA2fPgQ/

  Please note that, ‘loadedRows’ event is triggered each time a filter is applied in the grid or data in grid is sorted. If you want to expand the groups only when filter is applied and not when data is sorted, then you’ll have to handle the ‘input’ event on the ‘inputElement’ of the FlexGridSearch control, and use ‘collapseGroupsToLevel’ method to expand groups.

  In case, you face any issues, please let us know.

  Regards