New Product Launch - BoldDesk !
Introducing help desk ticketing software.
New Product LaunchBoldDesk: Help desk ticketing software starts at $10 for 3 agents.
Try it for free.
App.component.ts
public onSelect(args: any): void {
if(args.item.text === 'Update'){
this.grid.endEdit();
}
if(args.item.text === 'Edit'){
this.grid.selectRow(0);
this.grid.startEdit();
}
if(args.item.text === 'Delete'){
this.grid.selectRow(0);
this.grid.deleteRow(this.grid.getContent().querySelectorAll('.e-row')[0] as any);
}
} |
App.component.html
<ng-template #toolbarTemplate let-data>
<button ejs-dropdownbutton [items]='items' (select)='onSelect($event)' content='Edit Options'></button>`
</ng-template> |
<ejs-grid [dataSource]='data' allowPaging='true' [pageSettings]='pageSettings' [editSettings]='editSettings' [toolbar]='toolbar'>
. . . .
</ejs-grid>
<ng-template #template let-data>
<ejs-checkbox label="Checkbox" [indeterminate]="true"></ejs-checkbox>
</ng-template>
|
@ViewChild('template')
public toolbarTemplate: any;
@ViewChild('template2')
public sliderTemplate: any;
public ngOnInit(): void {
this.data = orderDetails;
this.editSettings = { allowEditing: true, allowAdding: true, allowDeleting: true, mode: 'Dialog' };
this.toolbar = ['Add', 'Edit', 'Delete', ‘Search’, {template: this.toolbarTemplate}, {template: this.sliderTemplate}];
. . . . .
}
|