BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
Hi Earl,
Greetings from Syncfusion support,We have validated the reported query “dataSourceChange event is not fired and Grid dataSource is not reflected while editing a Grid” but, it is unsuccessful from our side. We have demonstrate a video with the reported query as given below.
Video link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/CRUDDSCevent-1703783500.zip
By default, dataSourceChanged event is triggered when we update the grid data. You can perform the CRUD operation by using this event and you can get the changed records details in this event arguments. Finally you need to call the Grid endEdit method to update the modified data in Grid.
If you have provide a datasource like ({result: […], count: …}) format, then you can use dataSourceChanged to get the edited records details.
Sample link: https://stackblitz.com/edit/angular-umeuhb-saufni
Please get back to us, if you need further assistance.
Regards,Thavasianand S.
<ejs-grid #grid (actionComplete)= 'actionComplete($event)' [dataSource]='data' [editSettings]='editSettings' [toolbar]='toolbar'>
<e-columns>
<e-column field='id' headerText='Customer ID' width='120' textAlign='Right' isPrimaryKey='true'></e-column>
<e-column field="name" headerText="Customer Name" width="150"></e-column>
</e-columns>
</ejs-grid>
var customers = [
{ id: 1, name: 'HANAR' },
{ id: 2, name: 'VINER' },
{ id: 3, name: 'JOHN' },
{ id: 4, name: 'TOMSP' },
{ id: 5, name: 'SUPRD' }
];
constructor() {
this.data = customers;
}
// Grid’s actionComplete event function
public actionComplete(args) {
if (args.requestType === 'save' || args.requestType === 'cancel') {
// Here you can get the updated data source after performing the edit operations
console.log('Updated data source: ' + JSON.stringify((<any>this.grid.dataSource).result));
}
} |