In angular grid with batch edit mode issue at the time of adding and cancel

[Lahari Navudu]

In angular syncfusion grid with batch edit mode after adding a row for the first time Cancel and Update buttons are enabled and click on Cancel to cancel the changes.

If again click on Add then an issue is getting raised and Cancel and Update buttons are not getting enabled.

On first go:

After clicking on cancel and again add a row(editing is also not possible):

Error:

can you please find a solution for this issue.

Regards,

Lahari

[Ajith Govarthan]

Hi Lahari, 

Thanks for contacting Syncfusion support. 

Based on your query you are facing issue while adding and cancel the newly added record in your Grid application. So, we have prepared sample based on the attached screenshot and found everything works fine without any mentioned issues. For your convenience we have attached the sample, please refer them for your reference. 

Code example: 

App.component.html 

<ejs-grid 

    #batchgrid 

    id="Batchgrid" 

    [dataSource]="data" 

    allowPaging="true" 

    [pageSettings]="pageSettings" 

    [editSettings]="editSettings" 

    [toolbar]="toolbar" 

  > 

    <e-columns> 

      <e-column 

        field="Verified" 

        editType="booleanedit" 

        width="120" 

        textAlign="Right" 

      > 

        <ng-template #template let-data> 

          <ejs-checkbox [checked]="data.Verified"></ejs-checkbox> 

        </ng-template> 

      </e-column> 

      <e-column 

        field="CustomerID" 

        headerText="Customer ID" 

        width="120" 

        [validationRules]="customeridrules" 

      ></e-column> 

   </e-columns> 

  </ejs-grid> 

Sample Link: https://stackblitz.com/edit/angular-z6xp6d?file=app.component.html 

If you still face the issue, then please share the below details. 

1. Share the complete Grid code example.

 

2. If possible, please try to reproduce the issue in the attached sample.

 

3. Share the video demonstration of the reported issue.

 

4. Have you used custom toolbar items in your Grid application?

 

5. Share the Syncfusion package version.

 

Regards, 

Ajith G. 

[Lahari Navudu]

Hi  Ajith G,

Thank you for responding , the above solution helped me.

Thanks,

Lahari Navudu.

[Ajith Govarthan]

Hi Lahari, 

Thanks for the update. 

We are happy to hear that the provided solution works fine at our end. 

Please get back to us if you need further assistance. 

Regards, 

Ajith G.