Customize operator in the wijmo filter for the case of filter by condition

Customize operator in the wijmo filter for the case of filter by condition

Posted by: nilesh_nichal on 16 May 2023, 4:16 pm EST

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 16 May 2023, 4:16 pm EST - Updated 16 May 2023, 4:21 pm EST

  Hi Team,

  I want to do the customize the operator in the case of filter by condition were we can do following things:

  1. To add or remove “AND” , “OR” operator. By default we are getting AND, OR operator by using wijmo library but we want to customize it in such a way that it can keep only “AND” operator or we can Keep “OR” operator or we can remove both AND, OR operator.
  2. So, we don’t want to keep both the operator than in the filter popup we just want to keep only one dropdown and one input type instead of two as shown in below image, as we are not using the operator of AND, OR.

  Please refer the screenshot for the reference.
  
  

  Thank you.

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 17 May 2023, 9:19 pm EST

  Hi,

  For now, there is no direct method available to achieve this behavior so you’ll have to remove the required elements from the DOM, by handling the ‘filterChanging’ event of the flexGrid filter. You can also hide these elements instead of completely removing them, by setting their display property to ‘none’ through CSS, if that suits your requirements.

  Please refer to the following sample for a demonstration, which shows how these elements can be removed from the DOM - https://stackblitz.com/edit/js-vfu5by?file=index.js

  Regards

• 

  nilesh_nichal

  • Post Options:
  • Link
    Copy

  Posted 17 May 2023, 10:19 pm EST

  Hi Team,

  I am using Angular framework, could you please give me the sample for demonstration in Angular/Typescript?

  Thanks

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 18 May 2023, 5:48 pm EST

  Hi,

  You can refer to the following sample in Angular/Typescript with Wijmo version 5.20231.888, as per your requirements - https://stackblitz.com/edit/angular-ivy-ukxmqp?file=src/app/app.component.ts

  Regards