Need to click twice to trigger button click event in wijmo flexgid

Need to click twice to trigger button click event in wijmo flexgid

Posted by: arun.sunny on 4 August 2021, 6:10 pm EST

• 

  arun.sunny

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 4 August 2021, 6:10 pm EST - Updated 3 October 2022, 1:02 pm EST

  Hi team,

  We are using wijmo flex grid for one of our project.
  
  We have noticed an issue with click event in the grid.
  
  My table has a delete button in the last column, on click of which deletes the row from grid.

  When a user adds two rows to the grid and when focus is on the last row, if user tries to click on the delete button in second last row, click event doesn’t trigger. On second click on same button, the event is triggered.

  I was able to reproduce that in one of the StackBlitz link with a wijo felx grid example.

  Please find the link below

  https://stackblitz.com/edit/angular-zfhkww?file=src%2Fapp%2Fapp.component.html

  Also adding a gif file to show the behaviour.

  

  Please let me know if you need any other information.

  Thanks
  
  Arun Sunny

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 5 August 2021, 8:27 am EST

  Hi Arun,

  The issue has already been fixed in the latest wijmo build 5.20212.808. You may update the wijmo build to resolve the issue. Please refer to the updated stackblitz sample below:

  https://stackblitz.com/edit/angular-h6unqk

  Let us know if you have any doubts or issues.

  Regards,
  
  Ashwin

• 

  arun.sunny

  • Post Options:
  • Link
    Copy

  Posted 5 August 2021, 8:51 am EST - Updated 3 October 2022, 1:02 pm EST

  Hi Ahwin,

  Thanks for the reply.

  I checked in the link: https://stackblitz.com/edit/angular-h6unqk

  I am still seeing the issue.
  
  

  Please let me know if I am doing something wrong here.

  Regards
  
  Arun Sunny

• 

  ashwin.saxena

  

  • Post Options:
  • Link
    Copy

  Posted 6 August 2021, 3:38 am EST

  Hi Arun,

  The behavior is by design as when you add a new row into the FlexGrid the row is added in the edit mode (as you can see the edit icon on that row’s header). So what happens here is when you click a first time on the delete button the row edit mode gets finished then on the second click it fires the key click event.

  However, if you wish do not wish to end the editing by clicking the 2nd cell of the newly added row you can simply call the commitEdit() method of collectionView on click of a cell, which will end the editing.

  Please refer to the sample demonstrating the same:

  https://stackblitz.com/edit/angular-zsmo2c

  Let us know if that’s works for you.

  ~regards

• 

  arun.sunny

  • Post Options:
  • Link
    Copy

  Posted 6 August 2021, 9:21 am EST

  Hi Ashwin,

  commitEdit() method seems to have solved the issue.
  
  Thanks for your support

  Regards,
  
  Arun Sunny