我正在尝试遵循一些关于刷新剑道网格的建议，例如 this。
关键是在我的html中：
<div kendo-grid="vm.webapiGrid" options="vm.mainGridOptions">
然后在我的控制器中：
vm.webapiGrid.refresh();
注意：我使用的是 ControllerAs 语法，所以我使用的是“vm”而不是 $scope。
我的问题是“vm.webapiGrid”未定义。这看起来很简单，但我不确定为什么它是未定义的。
【问题讨论】：
标签： angularjs kendo-ui kendo-grid
找到了答案。我读到的另一种刷新数据源的方法是：
vm.mainGridOptions.datasource.transport.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);
}
问题解决了（我希望）。
【讨论】：
这是因为您使用选项对象来触发读取，您应该使用网格引用来代替：
<div kendo-grid="vm.webapiGrid" options="vm.mainGridOptions">
如：
$scope.vm.webapiGrid.dataSource.transport.read();
希望有帮助。
【讨论】：
将 id 添加到网格并尝试使用它进行刷新。
<div kendo-grid="vm.webapiGrid" options="vm.mainGridOptions" id="grid1">
在控制器中使用这个：
$("#grid1").data('kendoGrid').refresh();
【讨论】：