Синхронизация данных динамической сетки с множественным откликом с angular7 - PullRequest
Новая
       16

Синхронизация данных динамической сетки с множественным откликом с angular7

0 голосов
/ 22 марта 2019

Я пытаюсь создать сетку с помощью syncfusion, но мне нужно выполнить два вызова API, и мне нужно добавить ответ от обоих ответов API, а затем заполнить данные с помощью syncfusion с angular7. Не в состоянии сделать это.

Пожалуйста, помогите мне с jsfiddle или любым другим рабочим образцом.

Я использовал: 

npm install @syncfusion/ej2-angular-grids --save 

npm install @syncfusion/ej2 --save

1 Ответ

0 голосов
/ 25 марта 2019

Вы можете привязать ответ API к сетке, обновив источник данных Grid. Пожалуйста, обратитесь к приведенному ниже образцу для привязки данных сетки с двумя вызовами API в Angular7, и мы использовали Ajax в создан событие для достижения ваших требований.

[HTML] 

<ejs-grid [dataSource]='data' (created)='created($event)' height='350'>
    <e-columns>
        <e-column field='OrderID' headerText='Order ID' width='120' textAlign='Right'></e-column>
        <e-column field='CustomerID' headerText='Customer Name' width='150'></e-column>
        <e-column field='ShipCity' headerText='Ship Country' width='150'></e-column>
    </e-columns>
</ejs-grid>

[TS] 

created(args){
let ajax = new Ajax();
ajax.type = 'Get';
ajax.url = 'https://ej2services.syncfusion.com/production/web-services/api/Orders';
ajax.send();
ajax.onSuccess = (args) => {
  this.data = JSON.parse(args);
};
let ajax2 = new Ajax();
ajax2.type = 'Get';
ajax2.url = 'https://ej2services.syncfusion.com/production/web-services/api/Orders';
ajax2.send();
ajax2.onSuccess = (args) => {
  this.data = [...this.data , ...JSON.parse(args)];
}

См. Приведенный ниже образец и документацию для получения дополнительной информации,

Sample

Документация: Создано , Ajax

...