FlexGrid WIjimo- Column Filters

FlexGrid WIjimo- Column Filters

Posted by: shajiya.a on 1 September 2020, 2:46 am EST

• 

  shajiya.a

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 1 September 2020, 2:46 am EST - Updated 3 October 2022, 3:38 pm EST

  Hi,

  Is it possible to achieve below mentioned Filter design for column filters with both Filter by condition as well as with Filter by options in flexgrid using react js. Please assist.

  

  Thanks,
  
  Shajiya

• 

  shajiya.a

  • Post Options:
  • Link
    Copy

  Posted 2 September 2020, 1:46 am EST

  Any update on this. ?

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 2 September 2020, 3:37 am EST

  Hi Shajiya,

  Sorry but this layout will not be possible with FlexGridFilter because the complete filter editor, value filter editor, and condition filter editor are different components. The search part in the value filter is a part of the ValueFilterEditor and the sorting buttons are a part of the ColumnFilterEditor, and we cannot merge these two different components to bring the sorting buttons below the search box.

  Regards,
  
  Ashwin

• 

  shajiya.a

  • Post Options:
  • Link
    Copy

  Posted 3 September 2020, 3:29 am EST

  Thank you for the reply @ashwin

• 

  shajiya.a

  • Post Options:
  • Link
    Copy

  Posted 3 September 2020, 3:34 am EST

  Another question: How to modify the drag icon in flexgrid and while dragging the column we will be selecting the column first, that time have to show different background color for whole column not only for column header?

• 

  shajiya.a

  • Post Options:
  • Link
    Copy

  Posted 3 September 2020, 3:47 am EST - Updated 3 October 2022, 3:38 pm EST

  

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 4 September 2020, 7:54 am EST

  Hi Shajiya,

  To set a custom drag icon/image, you may handle the dragstart event on grid’s host element and use the dataTransfer.setDragImage() method to set the drag image.
  
  For highlighting the whole column, you may handle the draggingColumn event and set the cssClassAll property of the column. Please refer to the following sample which demonstrates the same and let us know if you face any issues:
  
  https://codesandbox.io/s/wijmo-starter-forked-7w697?file=/src/index.js

  Regards

• 

  shajiya.a

  • Post Options:
  • Link
    Copy

  Posted 4 September 2020, 8:32 am EST

  Thank you for your quick reply @sharad.