Kendoui treelist için verileri elle ayarlama

Question

Çalışma zamanında kendoui treelist için veri kaynağını ayarlamak istiyorum. Lütfen example'u kontrol edin. Veri kaynağını tasarım zamanında ayarlamış olursam, verileri kontrolde görebiliyorum. Ama veri kaynağını çalışma zamanında ayarlamaya çalışırsam, verileri kontrolde göremiyorum.

<div id="treeList"></div> 
<script> 
    var data = [ { name: "Jane Doe" }, { name: "John Doe" }]; 

    var dataSource = new kendo.data.TreeListDataSource({ 
     data: [ { name: "Jane Doe" }, { name: "John Doe" }] 
    }); 
    $("#treeList").kendoTreeList({ 
     columns: [ 
      { field: "name" }, 
      { command: [{ name: "edit" }] } 
     ], 
     editable: true 
     //,dataSource: dataSource 
    }); 
    var grid = $("#treelist").data("kendoTreeList"); 
    grid.setDataSource(dataSource); 
    grid.dataSource = dataSource; 
    grid.dataSource.read(); 
    grid.dataSource.data(data); 
</script> 

Answer 1

Sorun, seçicinin kendisinde gibi görünüyor. Mantık tamam ama bazı nedenlerle, data("kendoTreeList") tarafından döndürülen nesne boştu. Kodunuzu data'u kendoTreeList başlatıldıktan sonra zincirlemek için güncelleştirdim.

var dataSource = new kendo.data.TreeListDataSource({ 
    data: [ { name: "Jane Doe" }, { name: "John Doe" }] 
}); 

var grid = $("#treeList").kendoTreeList({ 
    columns: [ 
     { field: "name" }, 
     { command: [{ name: "edit" }] } 
    ], 
    editable: true 
}).data("kendoTreeList"); 

grid.setDataSource(dataSource); 

Söylemek biraz garip ama kodunuzun ve kodumun eşdeğer olacağını düşündüm. Açıkçası, öyle değil ama nedenini anlayamıyorum.