Refresh local datasource

[Xamu]

Hello, i would like change my old arr with new, but I have error: dataSource.fetch is not a function. 
Here is plnkr

 

  data: {
      localdatasource: [{
              id: 0,
              orderId: 0,
              parentId: null,
              title: "Main Project",
              summary: true,
              expanded: true,
              start: new Date("2014/6/17 9:00"),
              end: new Date("2014/6/17 15:00")
          }]
}

methods: {
    go: function(){
      //How can i do sth like that
          this.localdatasource = [{
              id: 0,
              orderId: 0,
              parentId: null,
              title: "New",
              summary: true,
              expanded: true,
              start: new Date("2014/6/17 9:00"),
              end: new Date("2014/6/17 15:00")
      }]

      this.localdatasource[0].title = "Nowy";
    }
}

[Nencho]

Hello Xamu,

In order to achieve the desired functionality, you should use the Client API of the widget and change the needed field, using the setter:

new Vue({
    el: '#vueapp',
        data: {
            localdatasource: [{
                    id: 0,
                    orderId: 0,
                    parentId: null,
                    title: "Main Project",
                    summary: true,
                    expanded: true,
                    start: new Date("2014/6/17 9:00"),
                    end: new Date("2014/6/17 15:00")
                }]
      },

      methods: {
          go: function(){

           var gantt = this.$refs.gantt.kendoWidget();

            gantt.dataSource.get(0).set("title", "Nowy")
          }
      },
      watch: {
        localdatasource(val){
         // this.refs.gantt.kendoGantt().setDataSource(val);
        }
      }
})

Hope this would help.

Regards,
Nencho
Progress Telerik