Flashing Row OnRowEditEnded

Flashing Row OnRowEditEnded

Posted by: jacob.evans on 6 November 2023, 2:47 am EST

• 

  jacob.evans

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 6 November 2023, 2:47 am EST - Updated 6 November 2023, 2:52 am EST

  Hey,

  We are trying to flash a row green when a user updates a row / makes a change in a cell. However, when we apply a cssClass that achieves this to the row, we notice that when we scroll left or right, to cells that not in view when the edit occurs, they will also flash, but out of sync with the initial in view cells, as if this animation is fired once they come into view, creating a “rolling update” effect. This is shown in the attached screenshots. Flash1 shows the cells in view when the update occurs, and flash2 shows the effect of scrolling left to the next cell that was out of view at time of update.

  Is there a way to either apply this update to only cells in view, or have the effect apply evenly to all cells in the row?

  Let me know if you need any more info.

  

  

  1766×33 5.12 KB

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 6 November 2023, 6:00 pm EST

  Hi Jacob,

  We are not exactly sure about how you are trying to flash the grid rows while facing this issue. However, you can refer to the below sample, which shows how you can flash a grid row when edited, by handling the ‘cellEditeEnded’ event of the flexgrid to toggle ‘cssClass’ on the grid row, and no such issue is observed in this method.

  Sample link - https://jscodemine.grapecity.com/share/yKjevVfP0Eae-IbeLwXPyA/

  In case, if there is something we missed, please let us know.

  Regards