Automatically set focus to to new cell when using a table in AEM Designer /LiveCycle

Question

Please help.I am using Add Instance to add a row to a table. How can I setFocus to a cell in the NEW row automatically? The only thing I can manage to do currently is set the focus to Row 1 Cell 1. But how can I write a script for a table row that does not actually exists until the user action triggers the row to be added. Currently when I add a multiple rows, the focus will be placed into row 1 every single time. I want each NEW row cell 1 to get the focus.

brite48 · Accepted Answer

I Cant get this to work.  I have included a sample file here.

ManviSharma · Answer

Hi,

To automatically set focus on the first cell of a newly added row in a table:

Assign a unique identifier to the cells in the first column of each row.
Attach an event listener to the action that adds a new row.
After adding the row, use JavaScript to find the first cell in the new row using the unique class or identifier.
Set focus to the first cell using the focus() method.

Example code that I have found:
const newRow = document.createElement('tr');
// Add cells to the new row
// ...
const firstCell = newRow.querySelector('.first-cell');
if (firstCell) {
firstCell.focus();
}

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded