Question

我想在运行时为kendoui treelist设置数据源。请检查以下example。如果我在设计时设置数据源，我就能看到控件中的数据。但是如果我尝试在运行时设置数据源，我看不到控件中的数据。

<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

您的主要问题是您已将DOM元素的ID设置为“ treeList”。

var grid = $("#treelist").data("kendoTreeList");

正如您在此处看到的那样，在设置grid变量时使用所有小写字母。那是你唯一的问题。它应该看起来像这样：

var grid = $("#treeList").data("kendoTreeList");

如何为kendoui treelist手动设置数据

1 个答案: