Add focus to the first cell on Add New Row

Add focus to the first cell on Add New Row

Posted by: sdayal on 20 February 2023, 9:59 pm EST

• 

  sdayal

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 20 February 2023, 9:59 pm EST - Updated 20 February 2023, 10:13 pm EST

  Hi Team,

  I am trying to add focus to first cell on new row Add btn click event for this, the cell gets highlighted with white color but cursor does not appear initially

  I tried following ways:

  1. flex.select(0, 1);
  2. flex.cells.getCellElement(0, 1).focus();

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

  But it is not working, Can you please help us.

  Thanks

• 

  sdayal

  • Post Options:
  • Link
    Copy

  Posted 21 February 2023, 2:23 am EST

  Hi Wijmo team,

  Please provide solution for this ASAP.

  Thanks

• 

  vivek.pannu

  

  • Post Options:
  • Link
    Copy

  Posted 21 February 2023, 3:42 pm EST

  Hi,

  As per our understanding, you want to enter the edit on the first cell of the newly added row as soon as the row is added to the grid, if so then you can use the flexGrid’s ‘startEditing’ method to enter the edit mode.

  You can refer to the following updated sample for the same - https://stackblitz.com/edit/angular-zixkhv?file=src/app/app.component.ts

  Refer to line 952 in ‘app.component.ts’ file.

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

  Regards

• 

  sdayal

  • Post Options:
  • Link
    Copy

  Posted 21 February 2023, 4:12 pm EST

  Thanks Wijmo Team!