Add custom button to the ColumnHeader and leave sort function working

Add custom button to the ColumnHeader and leave sort function working

Posted by: ppaska on 4 January 2018, 10:21 pm EST

• 

  ppaska

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 4 January 2018, 10:21 pm EST

  Hi,

  I would like to implement my own filters, by clicking on a header’s header “funnel”. What would be the best way to override Funnel button behavior to just open my own popup. And, the same time keep sort function working.

  Will appreciate if you can help with AngularJS sample with custom button and native sorting

  Regards,
  
  Pavlo

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 7 January 2018, 4:52 pm EST

  Hi Pavlo,
  
  You need to handle FlexGridFilter filterChanging event and cancel to prevent Filter dialog open.

  Now, handle MouseUp/ Click event to show custom filter popup.

  Please refer to the fiddle for the same.
  
  http://jsfiddle.net/mkgupta911/7a0vnc96/

  ~Manish

• 

  ppaska

  • Post Options:
  • Link
    Copy

  Posted 9 January 2018, 8:42 pm EST

  Thank you very mach Manish. That was exactly what I was looking for.

  Pavlo