Wijmo Grid - Applying Filter on column loading indicator

Wijmo Grid - Applying Filter on column loading indicator

Posted by: brzozowski.m24 on 17 April 2023, 12:59 am EST

• 

  brzozowski.m24

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 17 April 2023, 12:59 am EST

  Hello, is it possible to apply loading indicator on Grid, once we apply filtering on specific column?
  
  I have a lot of rows in column, I would like to select filtering for it, and once I applied filters, I would like to present a loading indicator before all filters are applied.
  
  After all filters are applied, I would like to remove loading indicator.
  
  Can you point me how can I achieve this?
  
  Thank you in advance.

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 17 April 2023, 9:19 pm EST

  Hi,

  You can handle the ‘filterChanged’ event of the flexGrid filter to show the loading indicator and handle the ‘loadedRows’ event of the flexGrid or the ‘filterApplied’ event of the flexGrid filter to hide the loading indicator, to implement this.
  
  Please refer to the following sample for the same - https://jscodemine.grapecity.com/share/0SCSi7X2JE_UogRoTinH4Q/?IsEmbed=false&Theme=Unset&PreviewDirection=0&IsEditorShow=true&IsExplorerShow=true&IsPreviewShow=true&IsConsoleShow=true&IsRunBTNShow=false&IsResetBTNShow=false&IsOpenInCodemineBTNShow=false&PanelWidth=20&PanelWidth=50&PanelWidth=30

  You can also refer to the following demo samples for adding spinner to flexGrid - https://www.grapecity.com/wijmo/demos/Core/CollectionView/LoadingData/Spinners/purejs

  Regards

• 

  brzozowski.m24

  • Post Options:
  • Link
    Copy

  Posted 19 April 2023, 9:43 pm EST - Updated 19 April 2023, 9:48 pm EST

  Hello, thank you for reply, it works!
  
  I have only one issue, seems like loading is still applied once I’m applying Descending or Ascending sorting for column.
  
  Do you know maybe, which event should be invoked to stop loading on these two sorting cases?
  
  Thank you

  

  689×518 27 KB

• 

  sonu.pandey

  

  • Post Options:
  • Link
    Copy

  Posted 20 April 2023, 10:46 pm EST

  Hello,

  We apologize but we are unable to replicate the issue at our end, could you please refer to below-attached video demonstrating the behavior at our end and let us know if we need to follow some specific steps to replicate the issue at our end?

  FlexGrid_Spinner.zip

  You can verify it from this sample link as well: https://jscodemine.grapecity.com/share/p8Sh5ufV0Uq3-plQOWV49g/?IsEmbed=false&Theme=Unset&PreviewDirection=0&IsEditorShow=true&IsExplorerShow=true&IsPreviewShow=true&IsConsoleShow=true&IsRunBTNShow=false&IsResetBTNShow=false&IsOpenInCodemineBTNShow=false&PanelWidth=20&PanelWidth=50&PanelWidth=30&defaultOpen={"OpenedFileName"%3A["%2Findex.html"]%2C"ActiveFile"%3A"%2Findex.html"}

  Regards

• 

  brzozowski.m24

  • Post Options:
  • Link
    Copy

  Posted 20 April 2023, 10:48 pm EST

  Hi, thanks for quick reply.
  
  I think I’ve managed to resolve my problem.
  
  Thank you very much for help!