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

Я использовал диаграмму Ганта KendoUI в AngularJS (далее приведен демонстрационный URL-адрес http://demos.telerik.com/kendo-ui/gantt/angular) в моем проекте.

Мне нужно динамически обновлять источник данных диаграммы Ганта. Я попытался обновить источник данных в "$scope.ganttOptions", так как именно там источник данных установлен в соответствии с демонстрацией, но не удалось.

Любая помощь по этому вопросу будет принята с благодарностью.

Спасибо


angularjs kendo-ui kendo-gantt
person Thanushka    schedule 07.03.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Не используйте источник данных в "$scope.ganttOptions". Вместо этого используйте следующее, чтобы вставить новый элемент в диаграмму Ганта:

var ganttChart = $("#ganttChartId")
          .data("kendoGantt");
        ganttChart.dataSource.add(newItem);

Следующее даст вам доступ к источнику данных. gantt[i] относится к каждому элементу на вашем графике. Вы можете выполнить любую операцию/изменение над gantt[i], что сразу же отразится на пользовательском интерфейсе:

var gantt = $("#ganttChartId")
    .data("kendoGantt")
    .dataSource._data;
person Shrinivas    schedule 08.03.2017