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] 执行任何操作/修改，这将立即反映在 UI 上：

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