KendoUIガントチャートは、データソースを動的にバインドし、AngularJSで更新します。

Question

私のプロジェクトでは、AngularJS（以下デモURL http://demos.telerik.com/kendo-ui/gantt/angular）オプションでKendoUIガントチャートを使用しました。

ガントチャートのデータソースを動的に更新する必要があります。私は "$ 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;