Hide Save button edit mode dialog

Hi Syncfusion,

I have a question about Angular Grid.

When I have enabled editing in the dialog mode, how can I always hide the Save button in the dialog form?

Image_8673_1704915856756


Data Grid · Dialog Editing · Essential JS 2 for Angular · Syncfusion

Thanks


1 Reply

DM Dineshnarasimman Muthu Syncfusion Team January 12, 2024 10:51 AM UTC

Hi Edgar Ricardez Peralta,


Greetings from Syncfusion Support.


We have reviewed your query about hiding the save button of the dialog editing. This requirement can be achieved by using actionComplete event of the grid with requestType as beginEdit and access the save button in the dialog element and set display as none. You can perform the save action after hiding the Save button by using the 'Enter' key. The code snippet of the implementation and sample have been attached for your reference.


  actionComplete(args) {

    if (args.requestType === 'beginEdit') {

      args.dialog.element.querySelector('.e-primary').style.display = 'none';

    }

  }

 


Sample: https://stackblitz.com/edit/angular-faqhev-gdzcmq?file=src%2Fapp.component.html,src%2Fapp.component.ts


Please let us know if you need any further assistance.


Regards,

Dineshnarasimman M


Loader.
Up arrow icon