Kendo ui 展开和选择剑道树视图的第一个节点时出现问题

我有一个剑道树视图，它由层次数据源填充。我想设置在加载树状视图时选择并展开的父节点。我已经编写了以下展开和选择来执行此操作。但它不起作用。有人能提供任何解决方案吗

    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");

var treeData=new kendo.data.hierarchycalDataSource({
运输：{
阅读：{
url:NsMenuMaster.url.getMenuTreeUrl，
数据：数据，
数据类型：“json”，
类型：“职位”
}
},
模式：{
型号：{
id:“MenuConfigUid”，
儿童：“儿童”
}
}
});
$（“#菜单列表”）.kendoTreeView({
数据来源：treeData，
dataTextField:[“MenuText”]，
dataValueField:[“MenuConfigUid”]，
身高：1000，
模板：kendo.template（$（“#树视图模板”）.html（），
复选框：{
模板：“”，
孩子们：是的
},
选择：NsMenuMaster.onSelect
});
$（“#MenuTreelist”）.getKendoTreeView（）.select（“.k-first”）；
$（“#MenuTreelist”）.getKendoTreeView（）.expand（“.k-first”）；

放置.select（）和.expand（）代码的位置不正确。在您当前调用它们时，树中还没有任何节点，因为远程数据源尚未填充

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

您可以通过绑定到TreeView的第一个数据绑定事件来完成此操作，即：

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

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

---

示例：

非常感谢您。你是个天才