PushCreate 在 Kendo HierarchicalDataSource 中创建子节点答案

【问题标题】：PushCreate children nodes in Kendo HierarchicalDataSourcePushCreate 在 Kendo HierarchicalDataSource 中创建子节点
【发布时间】：2015-01-20 05:47:53
【问题描述】：

我正在尝试显示一个配置了远程数据的 Kendo TreeView，但使用直接从 html 加载的数据预填充前两个级别。

为此，我想使用 Kendo 数据源的 pushCreate 方法将初始元素添加到树中：

homogeneous = new kendo.data.HierarchicalDataSource({
    transport: { read: { url: serviceRoot + "/Employees", dataType: "jsonp" } },
    schema: {
        model: {
            id: "EmployeeId",
            hasChildren: "HasEmployees"
        }
    }
});

// Adding root
homogeneous.pushCreate({"EmployeeId":2,"FullName":"Andrew Fuller","HasEmployees":true,"ReportsTo":null});

// Adding children
homogeneous.pushCreate([
    {"EmployeeId":1,"FullName":"Nancy Davolio","HasEmployees":false,"ReportsTo":2},
    {"EmployeeId":3,"FullName":"Janet Leverling","HasEmployees":false,"ReportsTo":2},
    {"EmployeeId":4,"FullName":"Margaret Peacock","HasEmployees":false,"ReportsTo":2},
    {"EmployeeId":5,"FullName":"Steven Buchanan","HasEmployees":true,"ReportsTo":2},
    {"EmployeeId":8,"FullName":"Laura Callahan","HasEmployees":false,"ReportsTo":2}
]);

$("#treeview").kendoTreeView({
    dataSource: homogeneous,
    dataTextField: "FullName"
});

但是，子元素被添加到根级别（您可以看到它正在运行here）。

有一个schema.model.children 配置来设置将子元素保存在根元素中的属性，我可以一次性添加所有内容，但如果我使用它，那么 dataSource 将停止处理远程数据（你可以看到正在运行here)。

所以问题是，有没有办法使用 pushCreate 将元素添加为 HierarchicalDataSource 上另一个元素的子元素？

【问题讨论】：

标签： javascript kendo-ui kendo-treeview

【解决方案1】：

我在写问题时找到了答案:)

似乎如果我只是使用items 作为孩子的键，我不需要指定schema.model.children 选项，所以树仍然可以处理远程数据：

homogeneous.pushCreate(
    {"EmployeeId":2,"FullName":"Andrew Fuller","HasEmployees":true,"ReportsTo":null,
        "items": [
            {"EmployeeId":1,"FullName":"Nancy Davolio","HasEmployees":false,"ReportsTo":2},
            {"EmployeeId":3,"FullName":"Janet Leverling","HasEmployees":false,"ReportsTo":2},
            {"EmployeeId":4,"FullName":"Margaret Peacock","HasEmployees":false,"ReportsTo":2},
            {"EmployeeId":5,"FullName":"Steven Buchanan","HasEmployees":true,"ReportsTo":2},
            {"EmployeeId":8,"FullName":"Laura Callahan","HasEmployees":false,"ReportsTo":2}
        ]
    }
);

Here's the working example.

我不知道这是否是一个意想不到的功能，但可以将整个子树添加到根目录（这解决了我的问题）。但是问题仍然存在，我可以使用 pushCreate 将子元素添加到另一个元素吗？

【讨论】：

不幸的是，这不起作用！第二级仍然从远程加载。当您更改 HierarchicalDataSource 的 url 时，您会看到只会加载父级。

【解决方案2】：

您可以通过在节点元素后面附加append 来做到这一点。请参阅 Telerik 的此示例：http://dojo.telerik.com/AjIti/32

【讨论】：