Grid Selection Issue

[PDev]

I have Parent/Child grid control. 

1. By clicking on Edit Button Rows does not edit
2. When I double click Rows becomes editable and once i change values, and click on update button alert comes saying i have not selected rows

[PDev]

Somehow EDIT on my Original post is not working

3. When I select something or type something and then press enter, row selection moves to the next row. and update happens for the next rows instead of row which i have changed. How do i make sure that row which user is changing is being updated.

[Ajith Govarthan]

Hi Rawal, 

Thanks for contacting Syncfusion support. 

Based on your query, you are facing data update issue with batch edit mode in your Grid application. So, we have prepared sample with batch edit mode and found everything works fine at our end without any mentioned issues. For your convenience, we have attached the sample, please refer them for your reference. 

Code Example: 

App.component.ts 

<ejs-grid 

    #Grid 

    id="Grid" 

    [editSettings]="editSettings" 

    [toolbar]="toolbar" 

    [dataSource]="parentData" 

    [childGrid]="childGrid" 

    (beforeBatchSave)="beforeBatchSave($event)" 

  > 

    <e-columns> 

      <e-column 

        field="EmployeeID" 

        isPrimaryKey="true" 

        headerText="Employee ID" 

        width="120" 

        textAlign="Right" 

      ></e-column> 

App.component.ts 

  beforeBatchSave(args) { 

    console.log(args.batchChanges); 

  } 

Sample Link: https://stackblitz.com/edit/angular-omud8t-v8c3uz?file=app.component.ts 

Note: By default, in our EJ2 Grid, you can’t edit the cell with toolbar edit button and when you press enter in edit mode it will edit the next row, which is the default, behavior of our EJ2 Grid. You can get the changed data details using the beforeBatchSave event which will be triggered before saving the data in the dataSource. 

Please get back to us if you need further assistance. 

Regards, 

Ajith G.