KendoUI Gantt 차트가 데이터 소스를 동적으로 바인딩하고 AngularJS에서 업데이트

Question

내 프로젝트에서 AngularJS (다음은 데모 URL http://demos.telerik.com/kendo-ui/gantt/angular) 옵션에서 KendoUI gantt 차트를 사용했습니다.

gantt 차트 데이터 소스를 동적으로 업데이트해야합니다. "$ scope.ganttOptions"에서 데이터 소스를 업데이트하려고했는데, 그 이유는 데이터 소스가 데모마다 설정되었지만 실패했기 때문입니다.

이 문제에 대한 도움을 주시면 대단히 감사하겠습니다.

감사합니다.

Answer 1

"$ scope.ganttOptions"에서 데이터 소스를 사용하지 마십시오. 대신 다음을 사용하여 gantt 차트에 새 항목을 삽입하십시오.

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

다음은 데이터 소스에 대한 액세스 권한을 부여합니다. gantt[i]은 차트의 각 항목을 나타냅니다. 에서 작업/수정 작업을 수행 할 수 있으며이 작업은 UI에 바로 반영됩니다.

var gantt = $("#ganttChartId") 
    .data("kendoGantt") 
    .dataSource._data;