JavaScript UI Libraries & Blazor Components Suite – Smart UI Forums Data Grid Edit one cell and update another in a different row (live view with edition) Reply To: Edit one cell and update another in a different row (live view with edition)

#104533
ivanpeevski
Participant

Hi Jose,

 

You can prevent the grid from updating by first calling grid.beginUpdate(). For example, this will update the value(internally, but not visually) without interrupting the cell editing:

grid.beginUpdate();

grid.setCellValue(2, ‘quantity’, 15);

 

To update the value visually(but not internally), the only possible way is through DOM selection. For example:

grid.querySelector(‘smart-grid-row[data-id=”2″] smart-grid-cell[data-field=”quantity”] .smart-label’).textContent = “15”

 

However, the DOM selection will work only if the row is visible. Otherwise, the element will not exist.

 

Combining the two methods should achieve the desired effect.

 

Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/

  • This reply was modified 1 year, 4 months ago by ivanpeevski.