List not refresh after close modal popup?

Reena Lakra

How can refresh a list after a close modal popup in angular?

I am using a list, where the edit button is present, on that button, I passed data to modal popup, update it and close the modal popup, but the list cannot be refresh.

The code on list component is :

openStudentDialog(rowData: any, statusValue: any): void {
this.rowRecordId = rowData.recordId;
this.statusValue = statusValue;
let dialogRef = this.dialog.open(StudentUpdateDialog, {
width: '250px',
data: { recordId: this.rowRecordId, statusValue: statusValue}
});
this.getStudentList() //i am using this but it cannot update the list
}

On Dialog Component code is :-

@Component({
selector: 'student-update-dialog',
templateUrl: 'student-update-dialog.html',
providers: []
})
export class StudentUpdateDialog {
rowData: any = "";
status: any;
constructor(public dialogRef: MatDialogRef,
@Inject(MAT_DIALOG_DATA) public data: any) {
this.rowData = data;
this.status = this.rowData.statusValue;
}
onNoClick(): void {
this.dialogRef.close();
}
SuccessUpdate(data: any) {
}
}

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mahesh Verma8y ago
Accepted answer
Hi Reena,

Actually, we have also afterClosed() with dialog, so if you used this method in your openStudentDialog method, it fires when your dialog is closed. You can use this like :
openStudentDialog(rowData: any, statusValue: any): void {
        this.rowRecordId = rowData.recordId;
        this.statusValue = statusValue;
        let dialogRef = this.dialog.open(StudentUpdateDialog, {
            width: '250px',
            data: { recordId: this.rowRecordId, statusValue: statusValue}
        });
        //method run after dialog is close
        dialogRef.afterClosed().subscribe(result => {
              this.getStudentList();
        });
}
Try for the above code.
+2
Reena Lakra8y ago
Thanks mahesh verma, its working for me.
0