KendoUI甘特圖動態綁定數據源並在AngularJS中更新

Question

我在我的項目中使用了AngularJS中的KendoUI甘特圖（以下是演示URL http://demos.telerik.com/kendo-ui/gantt/angular）。

我需要動態更新甘特圖數據源。我試圖更新「$ scope.ganttOptions」中的數據源，因爲這是根據演示設置數據源的地方，但失敗了。

任何幫助，將不勝感激。

謝謝

Answer 1

請勿在「$ scope.ganttOptions」中使用數據源。請使用以下內容將新項插入到甘特圖中：

var ganttChart = $("#ganttChartId") 
      .data("kendoGantt"); 
     ganttChart.dataSource.add(newItem); 

以下將爲您提供對數據源的訪問權限。 gantt[i]指您圖表上的每個項目。您可以在gantt[i]上執行任何操作/修改，這將立即反映在用戶界面上：

var gantt = $("#ganttChartId") 
    .data("kendoGantt") 
    .dataSource._data;