Delete selected row
Hi, I have a grid with "Add" and "Delete" button in the toolbar as shown below.
<ejs-grid id="Users" #gridUsers (dataBound)='dataBound($event)' [dataSource]="this.AssociatedUsers" height='250' allowSelection="true" [selectionSettings]='selectionOptions' (rowSelected)='rowUserSelected($event)' (rowDeselected)='rowUserDeselected($event)' [toolbar]='toolbar' [editSettings]='editSettings' (actionBegin)="usersActionBegin($event)">
<e-columns><e-column field='UserName' headerText='User Name' textAlign='Center' width='100' isPrimaryKey='true'></e-column> </e-columns></ejs-grid>
Upon "Add", a new user will be created in the database. If the creation succeeds, it will also be added into the grid; otherwise, it will not be added into the grid. This has been achieved by adding the following code into 'usersActionBegin' function and it works as expected.
if (args.requestType === 'save') {
if (!this.isValid) {
args.cancel = true;//prevent the save action to validate the value
const dialog = (args as any).dialog;
this.accountSettingsService.AddUser.subscribe(response => {
let strStatus: string = response.Status;
let description: string = response.Description;
if (strStatus == "Succeed") {
this.isValid = true;//make the flag true once the validation becomes true
this.gridUsers.endEdit();//save data
}
});
}
else {
this.isValid = false;
}
}
Now I want to achieve similar effect on "Delete".
Upon "Delete", the selected user will be deleted from database. If the deletion succeeds, it should also be removed in the grid; otherwise, it will stay in the grid.
However, "Delete" does not work as expected. When a user has been deleted successfully from database, it is still shown in the grid. What did I do wrong?
if (args.requestType === 'delete') {
if (!this.isValid) {
args.cancel = true;
this.accountSettingsService.RemoveUser().subscribe(response => {
let strStatus: string = response.Status;
let description: string = response.Description;
if (strStatus == "Success") {
this.isValid = true;//make the flag true once the validation becomes true
this.gridUsers.endEdit();
}
});
}
else {
this.isValid = false;
}
}
