Clear All Filters in Wijmo Group Control

Clear All Filters in Wijmo Group Control

Posted by: umair.farooqi on 18 May 2021, 2:59 am EST

• 

  umair.farooqi

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 18 May 2021, 2:59 am EST - Updated 3 October 2022, 1:55 pm EST

  I want to allow user to “Clear” All filters via a single click of button rather than clicking “cross” icon on each filter that he dragged.

  Kindly see attached.

  Also, I want to place the button of “Clear Selection” in the grey area (Drag & Drop Area) as displayed in the picture.

  Help me out here guys.

  

  1428×326 47 KB

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 19 May 2021, 7:00 am EST

  Hi Umair,

  To clear all the groups from the group panel you need to clear the groupDescriptions and set the columns to visible–>true as the group panel has internally set those grouped columns to visible–>false. Please refer to the sample link for reference:

  https://codesandbox.io/s/quirky-cookies-g1tu2?file=/src/index.js

  Also, you can append the clear button to the hostElement of the GroupPanel.

  Regards,
  
  Ashwin

• 

  umair.farooqi

  • Post Options:
  • Link
    Copy

  Posted 19 May 2021, 7:18 am EST

  Thanks a lot!!
  
  the sample link your provided is exactly what I wanted.

  Just a tiny issue. Its a mistake at my end. I did not mention that we are using WIJMO grids in ANGULAR (11).

  My developers are a bit unsure as the way they used WIJMO was a bit different.

  I will come back to you if they had any issue. Hopefully we can settle this up.

  But again, Your help is much appreciated. Thanks Again

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 20 May 2021, 2:24 am EST

  I have created the sample in angular for reference:

  https://codesandbox.io/s/xenodochial-cartwright-1816v

  ~regards