Hi Tamil,
Thanks for contacting Syncfusion support,
We understood from your query, you are facing the issue with child grid appearance while adding the new row into the parent grid with batch edit mode.
By default, the changes are maintained in the cache variable and it is not affected the Grid’s datasource while add/edit/delete with batch edit, the changes will be stored on the Grid’s datasource while perform the batchsave action and the child grid will be render based on the queryString field value in the dataSource which is the default behavior of grid control.
So, we suggest you to manually call the batchSave method of Grid control while expand the newly added row by using details-expand event of Grid control which is used to achieve your requirement and please refer to the below code example,
| <div id="ControlRegion"> <ej-grid id="FlatGrid" allow-paging="true" details-expand="detailsExpand"> <e-edit-settings allow-adding="true" allow-editing="true" allow-deleting="true" edit-mode="@(EditMode.Batch)"></e-edit-settings> <e-column field="OrderID" is-primary-key="true" header-text="OrderID" text-align="Right" width="75"></e-column> …… </e-columns> </ej-grid> </div> @section scripts{ <script> function detailsExpand(args) { if (args.masterRow.hasClass("e-insertedrow")) { this.batchSave(); } } </script> |
We have created the sample that can be downloadable from the below location,
Regards,
Manivannan Padmanaban.