Edit one cell and update another in a different row (live view with edition)

[Jose Garcia]

Hello everyone,

When you are editing a cell there is some way to update the data to another cell in a different row without losing the editor of the cell in editing.

I have tried in different ways but always lost the editor of the cell in edit

eg 1 :
grid.updateRow(1,{“firstName”:”Nancy”,”lastName”:”Davolio”,”age”:32});

eg 2 :
grid.setCellValue(1,”firstName”,”new value”);

eg 3 :
grid.dataSource[x].firstName = value;

eg 4 :
grid.rows[x].data[“firstName”] = value;

Some option?

Thansk you!!

[ivanpeevski]

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, 8 months ago by ivanpeevski.

[Jose Garcia]

Hi ,Ivan Peevski
Thanks!!

And is there any property or function to know if there is any active editor in any cell?

[svetoslav_borislavov]

Hi,

The getEditCells method gets the editing cells when the grid is editing

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Jose Garcia]

ok,
Thanks!!

[Author]

Posts