如何刷新Angular 2中的Kendo UI网格?

时间:2017-01-25 02:18:14

标签: angular kendo-ui kendo-grid

我有一个用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来获取事件通知,但它不会自动更新网格,我必须刷新页面。

你知道如何更新网格吗?

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以在删除订阅的成功处理程序中从EventsNotificationSetup中删除该项目,由于双向数据绑定,如我记得正确,您的网格将被更新