Hello,

This can be achieved by utilizing the editCellEnded event to then modify the corresponding cells utilizing the setCellValue method to set the values of the other columns.

Let me know if you have any questions.

I am not able to update the cell value by using setCellValue method and also i need to update its parent.

Can you please let me know how can i do that ?

As in the editCellEnded event i am not able to get parent data.

One more question i need  to set HTML div tag  or Angular2 Component to render before displaying as shown in pic.
At the time when we edit the cell. Please have a look at it.

It is important to note that the igHierarchicalGrid is built by multiple igGrids and to obtain an instance of child grids cannot be done by using the jQuery selector using the id of the table element used to setup the grid. The igHierarchicalGrid exposes a allChildren method for these purposes. Subce we are trying to update the values of the child band during the editCellEnded event, the API can be used to obtain an instance of the igGridUpdating feature of the igGrid that we are looking to update by using ui.owner. ui.owner can then be used to invoke the setCellValue method which then changes the logic within the editCellEnded event handler to this:

ui.owner.setCellValue(ui.rowID, "Name", "Test");
                if(ui.value > 10){
                    ui.owner.setCellValue(ui.rowID, "Html", "<div class="line-color-danger">Test</div>");
                }
                else{
                    ui.owner.setCellValue(ui.rowID, "Html", "<div class="line-color-notdone">Test</div>");
               }

Let me know if you have any questions.

1. How can we get the parent row data and edit the values over there also in a editRowEnding event?

2. How can we get the whole data model that is used for populating the table in an event as i am using typescript "this" will not work? Is there any better option?

3. i want to commit the whole data model in to my data base at once while using autocommit : false. How can we achieve this? 

Updating the parent row of a child grid is not built into the API but can be worked around by using some DOM traversal. I suggest looking into the this forum thread with more details on how to achieve this: http://es.infragistics.com/community/forums/t/85421.aspx

There is a allRows method that can be utilized to obtain the data from all the rows. The issue presented with the igHierarchicalGrid though is that it only returns data from all visible rows, therefore, if a row is collapsed this method will not return the data from those rows. It is possible to expand all rows though by utilizing the expand method of the igHierarchicalGrid as discussed in this forum post: http://es.infragistics.com/community/forums/t/88627.aspx

I suggest utilizing the pending transactions method to obtain only the rows that have been modified which will make this more performant in most scenarios.

Let me know if you have any questions.

Updating the parent row of a child grid is not built into the API but can be worked around by using some DOM traversal. I suggest looking into the this forum thread with more details on how to achieve this: http://es.infragistics.com/community/forums/t/85421.aspx

To summarize, here they utilize the editCellEnded event but this can be modified to instead utilize the editRowEnded event. The API for both of these events expose a ui.owner which is a reference the the IgGridUpdating feature from which the DOM element hosting the grid can be obtained by invoking ui.owner.grid. From here DOM traversal is used to obtain an the row ID of the parent which can then be used to invoke the method to obtain the data of the row.

To obtain parent row data before editing, the code would be very similar as this will already provide the record data of the parent row. Here you would instead handle the editRowStarted event.

Let me know if you have any questions.

The pendingTransactions method does provide a way to obtain all current modifications to the grid in a single object.

Let me know if you have any questions.