Hello,
I have a grid which is populated from restapi get function. When I set the grid in component html template, it is OK.
<ejs-grid
[allowExcelExport]="true"
[editSettings]="editSettings"
[toolbar]="toolbar"
[dataSource]="dataitems | async"
(dataStateChange)= "dataStateChange($event)"
(dataSourceChanged)="dataSourceChanged($event)">
<e-columns>
<e-column
field="id"
headerText="ID"
</e-column>
<e-column
field="country"
headerText="Country"
</e-column>
</e-columns>
</ejs-grid>
But when I want to create from typescript side with same datasource, it not populates data.
Here is my code. I uploaded all relevant parts of my code (grid_question.txt) also.
let grid = new Grid({
dataSource: this.dataitems,
columns: [{ field: 'id', headerText: 'ID' }, { field: 'country', headerText: 'Country' }],
allowPaging: true,
pageSettings: { pageSize: 5 },
dataStateChange: (args: DataStateChangeEventArgs) => {
this.dataStateChange(args);
},
dataSourceChanged: (args: DataSourceChangedEventArgs) => {
this.dataSourceChanged(args);
}
});
Thank you in advance for your help.
Attachment:
grid_question_fc36427d.zip