KendoUI甘特图动态绑定数据源并在AngularJS中更新

Question

我在项目中使用了AngularJS中的KendoUI甘特图（以下是演示网址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;