disable/enable items in toolbar grid

Question

I need to disable some toolbar buttons:

      this.grid.toolbarModule.enableItems(['Grid_Add', 'Grid_Edit', 'Gird_Delete'], false); // Disable toolbar items.

It works very well but when it finishes loading at some point it re-enables the buttons.

html:

<ejs-grid #grid [sortSettings]='sortOptions' [allowSelection]="true" [allowPaging]="true" [allowGrouping]="true"
            [allowSorting]="true" [pageSettings]="pageSettings" [searchSettings]="searchSettings"
            [allowFiltering]="true" [allowExcelExport]='true' [filterSettings]='filterSettings'
            [selectionSettings]='selectionSettings' [dataSource]='eventsData' [allowTextWrap]='true'
            [editSettings]='editSettings' [toolbar]='toolbar' (actionComplete)='actionComplete($event)'
            (actionBegin)='actionBegin($event)' (rowSelected)='rowSelected($event)' (dataBound)='disable($event)'>

Thiyagu Subramani · Accepted Answer

Hi Pablo, 

Thanks for contacting Syncfusion forum. 

Based on your shared information we suggest to disable some specific toolbar items in dataBound Event. Please refer to the below code and sample. 

In this below sample we have disabled toolbar items using flag variables. 





dataBound(args) { 
    if (this.flag) { 
      this.grid.toolbarModule.enableItems(['Grid_add', 'Grid_edit', 'Grid_delete'], false); 
      this.flag = false; 
    } 
  } 

Sample link:  https://stackblitz.com/edit/angular-gragpg-hspd4q?file=app.component.ts 

API Link: https://ej2.syncfusion.com/angular/documentation/api/grid/#databound 

  

Please get back to us, if you need any further assistance. 

Regards, 
Thiyagu S.