angularjs - 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;