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