如何在 Angular 2 中刷新 Kendo UI 网格？

Question

我有一个用 Angular 2 制作的 Kendo UI 网格。它是 crud 应用程序的一部分，我有一个删除按钮。删除后我希望网格自动刷新。

这是显示事件通知的网格：

<kendo-grid [data]="EventsNotificationSetup">

        <kendo-grid-command-column title="" width="200">
            <template >
                <button (click)="EditModal.open()" kendoGridEditCommand  kendoButton  [icon]="'pencil'">Edit</button>
                <button (click) = deleteEventNotification(dataItem.id) kendoGridRemoveCommand kendoButton [primary]="true"  [icon]="'trash'">Remove</button>


            </template>
        </kendo-grid-command-column>

        </kendo-grid>

这是我从字面上删除记录的删除代码：

this._http.delete(this.link + notificationId,

            {
                headers: new Headers({
                    'Content-Type': 'application/json'
                })
            })
            .map(res => res.json()).subscribe();

在此之后，我再次创建了一个 http.get 来获取事件通知，但它不会自动更新网格，我必须刷新页面。

你知道我怎样才能刷新网格吗？

谢谢！

Answer 1

您可以在删除订阅的成功处理程序中从 EventsNotificationSetup 中删除此项，并且由于双向数据绑定，您的网格将被更新，正如我没记错的那样