如何从Angular控制器调用kendo-grid上的refresh()？

Question

我试图遵循几个关于刷新像这样的剑道网格的建议.

关键是我在html中有:

<div kendo-grid="vm.webapiGrid" options="vm.mainGridOptions">

然后在控制器中我有:

vm.webapiGrid.refresh();

注意:我使用的是ControllerAs语法,因此我使用的是"vm"而不是$ scope.

我的问题是"vm.webapiGrid"未定义.这似乎很简单,但我不确定为什么它是未定义的.

Answer 1

找到了答案.刷新我读到的数据源的另一种方法是执行以下操作:

vm.mainGridOptions.datasource.transport.read();

这对我来说不起作用,因为"阅读"未定义.看看我的数据源定义,我看到了原因,read需要一个参数(在本例中为"e"):

    vm.mainGridOptions = {
        dataSource: {
            transport: {
                read: function (e) {
                    task.getAllTasks(vm.appContext.current.contextSetting).
                        then(function (data) {
                            e.success(data);
                        });
                },
            }
        },

为了解决这个问题,我在我的范围中保存了"e",然后在我想刷新时重复使用它:

    vm.mainGridOptions = {
        dataSource: {
            transport: {
                read: function (e) {
                    task.getAllTasks(vm.appContext.current.contextSetting).
                        then(function (data) {
                            e.success(data);
                            vm.optionCallback = e;
                        });
                },
            }
        },

然后:

if (vm.optionCallback !== undefined) {
   vm.mainGridOptions.dataSource.transport.read(vm.optionCallback);
}

问题解决了(我希望).