If i delete a record i need confirm box in syncfusion

[sunil]

If i delete a record i need confirm box in syncfusion.

[Gunasekar Kuppusamy]

Hi Sunil, 

Greetings from Syncfusion support.

We have validated your reported query "If i delete a record i need confirm box in syncfusion."

You can show the dialog as confirm box when deleting a record. We have prepared a sample for your reference. In this sample, we rendered a Confirm Dialog with Yes or No buttons.

Code snippets:

<ejs-dialog #confirmDialog [buttons]='confirmDlgButtons' [visible]='hidden' [header]='confirmHeader'

[animationSettings]='animationSettings' [showCloseIcon]='confirmCloseIcon' (open)="dialogOpen()"

(close)="dialogClose()" [target]='target' [width]='confirmWidth'>

<ng-template #content>

    <span>Are you sure you want to permanently delete these items ?</span>

</ng-template>

</ejs-dialog>

@ViewChild('confirmDialog')

  public confirmDialog: DialogComponent;

  

  public confirmHeader: string = 'Delete Multiple Items';

  public showCloseIcon: Boolean = false;

  public visible: Boolean = true;

  public hidden: Boolean = false;

  public confirmCloseIcon: Boolean = true;

  public target: string = '.control-section';

  public confirmWidth: string = '400px';

  public animationSettings: Object = { effect: 'None' };

  public hide: any;

public confirmDlgButtons: ButtonPropsModel[] = [

    {

      click: this.confirmDlgBtnClick.bind(this),

      buttonModel: { content: 'Yes', isPrimary: true }

    },

    {

      click: this.confirmDlgBtnClick.bind(this),

      buttonModel: { content: 'No' }

    }

  ];

// While clicking confirm button, open the confirm Dialog

public confirmBtnClick = (): void => {

    this.confirmDialog.show();

    this.dialogOpen();

  };

  public confirmDlgBtnClick = (): void => {

    this.confirmDialog.hide();

  };

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

Please check the sample and let us know if the solution helps

Regards,

Gunasekar