Customize FlexGridFilter with new filtertype

Customize FlexGridFilter with new filtertype

Posted by: spathi on 8 July 2019, 6:56 am EST

• 

  spathi

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 8 July 2019, 6:56 am EST

  Currently I am able to use the Filter By - Condition and value on flex grid. My requirement is to add another filter type to apply and clear filters on the flex grid. I would need to accommodate another filter next to the condition and value filter that would have an identical controlTemplate of the condition filter.

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 9 July 2019, 7:17 am EST

  Hi,

  In order to add a new filter type in the filter editor, you will need to create a custom component that inherits the original ColumnFilterEditor class and update the control template. Due to the complexity of this case, we will provide you with a sample demonstrating the same within a few days.

  In the meantime, could you tell us what technology are you using so we can create the sample of the same technology?

• 

  spathi

  • Post Options:
  • Link
    Copy

  Posted 9 July 2019, 8:01 am EST

  Angular version 8

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 15 July 2019, 5:20 am EST

  Hi,

  Sorry for the delayed response. Please refer to the sample attached.

  In the sample, we extended the FlexGridFilter class to add another Filter. Its control template is the same as the Filter By Condition. You may update the applyCustomFilter method of CustomFilter class, that extends the origin ConditionFilter class and add your own filtering conditions.
  
  This class is located at ‘src/app/custom-flexgrid-filter/custom.flexgrid.filter.component.ts’.

  Please let us know if you face any other issues regarding the custom filter.

  CustomFlexGridFilter.zip