|
import { Component, OnInit, ViewChild } from '@angular/core';
import { EditService, PageService, ToolbarItems, CommandColumnService,
CommandModel, GridComponent, EditSettingsModel } from '@syncfusion/ej2-angular-grids';
import { DataManager, UrlAdaptor } from '@syncfusion/ej2-data';
import { Internationalization } from '@syncfusion/ej2-base';
let
instance: Internationalization = new Internationalization();
@Component({
selector: 'app-customer-list',
templateUrl: './customer-list.component.html',
styleUrls: ['./customer-list.component.css']
})
export class CustomerListComponent implements OnInit {
public editOptions:
EditSettingsModel;
public toolbarOptions:
ToolbarItems[];
public pageSettings: Object;
public data: DataManager;
@ViewChild('grid', { static: false })
public grid: GridComponent;
public dataManager: DataManager
= new DataManager({
url: 'customer/UrlDatasource',
adaptor: new UrlAdaptor()
});
public ngOnInit(): void {
this.data = this.dataManager;
this.pageSettings = { pageSize: 5 };
this.toolbarOptions = ['Search'];
}
created(): void {
document.getElementById(this.grid.element.id + "_searchbar").addEventListener('keyup', () => {
this.grid.search((event.target as HTMLInputElement).value)
});
}
actionFailure(e) {
debugger;
}
}
|
