扩展和选择剑道树视图的第一个节点的问题答案

【问题标题】：Issue with expanding and selecting the first node of kendo tree view扩展和选择剑道树视图的第一个节点的问题
【发布时间】：2016-12-20 10:41:51
【问题描述】：

我有一个由分层数据源填充的剑道树视图。我想设置在加载树视图时选择和扩展的父节点。我已经写了以下展开并选择这样做。但它不起作用。任何人都可以提供任何解决方案吗？

    var treeData =  new kendo.data.HierarchicalDataSource({

    transport: {
        read: {
            url: NsMenuMaster.urls.getMenuTreeUrl,
            data: data,
            datatype: "json",
            type: "POST"
        }
    },
    schema: {
        model: {
            id: "MenuConfigUid",                  
            children: "Child"

        }
    }
});

$("#MenuTreelist").kendoTreeView({
    dataSource: treeData,
    dataTextField: ["MenuText"],
    dataValueField: ["MenuConfigUid"],
    height: 1000,
    template: kendo.template($("#treeview-template").html()),
    checkboxes: {
        template: "<input type='checkbox' name='StudentClassID' value='#= item.id #' />",
        checkChildren: true
    },
    select: NsMenuMaster.onSelect
});

 $("#MenuTreelist").getKendoTreeView().select(".k-first");
 $("#MenuTreelist").getKendoTreeView().expand(".k-first");

【问题讨论】：

标签： kendo-ui kendo-asp.net-mvc hierarchical-data expand kendo-treeview

【解决方案1】：

你有 .select() 和 .expand() 代码的地方是错误的。在您当前调用它们时，树中还没有任何节点，因为尚未填充远程数据源。

您必须将您的选择和展开代码移动到远程数据源被读取并且 .k-first 节点存在。

您可以通过绑定到 TreeView 的第一个 dataBound 事件来做到这一点，即：

$("#MenuTreelist").kendoTreeView({
    ....
});

var treeView = $("#MenuTreelist").getKendoTreeView();
treeView.one("dataBound", function () {
    treeView.select(".k-first");
    treeView.expand(".k-first");
});

示例：http://dojo.telerik.com/@Stephen/iYIBo

【讨论】：

非常感谢。你是个天才。 :)