Uncaught TypeError：无法读取未定义的属性'hideColumn'

Question

这里我的代码隐藏剑道网格中的一列。

var grid = angular.element("#priceCardGrid").data("kendoGrid"); 
for (var i = 0; i < priceCardModalScope.priceCard.length; i++) { 
    if (priceCardModalScope.priceCard[i].shouldAcceptQty == true) { 
     grid.hideColumn(1); 
    } 
} 

，但它显示错误，如

Uncaught TypeError: Cannot read property 'hideColumn' of undefined

Answer 1

在你的情况，我认为你有问题angular.element()。 你应该做这样的事情（angular.element vs document.getElementById or jQuery selector with spin (busy) control）：

angular.element(document.querySelector('#some-id')); 

希望这有助于。

我可以给你的角度和剑道组件的建议是将它们分配给范围。例如：

<div kendo-grid="ctrl.grid" class="table" 
    k-data-source="ctrl.dataSource" 
    k-options="ctrl.options"> 
</div> 

然后渊很容易使用： scrop.grid.hideColumn();

Answer 2

的错误指示网格实例不存在（还），或者你正试图从错误的元素检索。如果在页面加载时执行提供的代码，则将其移至kendoWidgetCreated或kendoRendered处理程序。

http://docs.telerik.com/kendo-ui/AngularJS/global-events