That's close but I don't want the current cell or row I want to be able to select and change any row or cell that I choose.

Hello,

Is it possible to provide some more information regarding how would you like to perform the change into the second grid, for example is it via a button click or the action should be performed automatically once the user has changed data inside the first grid?

Also, do you want to change a specific cell or it could be any cell determined by the user?

It would be ideal, if you could provide a short list of steps that would provide the main idea of how would you like the cells to be changed.

This information is going to be highly appreciated and will help me in my further investigation.

Looking forward to hearing from you.

Regards,
Ivan Kitanov

When a cell value in Grid 1 is changed I want to select a cell in Grid 2 (via javascript) and change it. Example: 

function Grid1_CellEditing_ExitedEditMode(sender, eventArgs) {

var techLaborBelow = sender.get_rows().get_row(ROW_INDEX_LABOR_TECH_LABOR_BELOW).get_cell(currentCellAddress).get_value();

// Now change a cell in Grid 2

select a row in grid 2 then select the cell in that row then change the value

 grid2SelectedCell.set_value(techLaborBelow * 2);

Take your time, and do not hesitate to post in this thread if you need further assistance with this matter.

Got it! But I might have a follow up. Please do not close this case. I will check back in when complete. Thank you.

Hello,

I have double checked the attached sample and I can verify that it describes your scenario. There are two WebDataGrids controls and the client-side CellValueChanged event is handled as per your requirement. When value in the first grid is changed, a cell value in the second grid reflects the changes.

<script>
    function reflectChangeToSecondGrid(sender, eventArgs) {

        const secondGrid = $find("secondWDG");
        let currentCell = eventArgs.get_cell();
        let value = currentCell.get_value();
        let rowIndex = currentCell.get_row().get_index();
        let columnIndex = currentCell.get_column().get_index();

        if (typeof value === "number") value *= 2;
        secondGrid.get_rows().get_row(rowIndex).get_cell(columnIndex).set_value(value);
    }
</script>

Please download the sample again in order to confirm my statement.

Looking forward to hearing from you.

The sample you uploaded has nothing to do with my question. Answering my question with an example would require a sample with some JavaScript and two web data grids. This sample has no JS and only 1 datagrid. It is so off point that I think maybe you uploaded the wrong zip file. What I need is:

When a cell value in Grid 1 is changed I want to select a cell in Grid 2 (via javascript) and change it. Example: 

function Grid1_CellEditing_ExitedEditMode(sender, eventArgs) {

var techLaborBelow = sender.get_rows().get_row(ROW_INDEX_LABOR_TECH_LABOR_BELOW).get_cell(currentCellAddress).get_value();

// Now change a cell in Grid 2

select a row in grid 2 then select the cell in that row then change the value

 grid2SelectedCell.set_value(techLaborBelow * 2);