Диаграмма KendoUI Gantt динамически связывает источник данных и обновляет его в AngularJS

Question

Я использовал диаграмму Ганта KendoUI в AngularJS (ниже приводится демонстрационный 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;