Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/vim/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Kendo ui 如何以编程方式选择Kendo UI treeview的根节点_Kendo Ui_Kendo Treeview - Fatal编程技术网

Kendo ui 如何以编程方式选择Kendo UI treeview的根节点

Kendo ui 如何以编程方式选择Kendo UI treeview的根节点,kendo-ui,kendo-treeview,Kendo Ui,Kendo Treeview,我是剑道UI新手。我的Asp.net MVC应用程序有一个剑道UI树视图,其设置如下。每个树节点都有一个唯一的Id(例如,EmployeeId是整数)。如何以编程方式选择Kendo UI treeview的根节点(Id为1),并且根节点的背景颜色应为高亮度?谢谢你的帮助 var _root = new kendo.data.HierarchicalDataSource({ transport: { re

我是剑道UI新手。我的Asp.net MVC应用程序有一个剑道UI树视图,其设置如下。每个树节点都有一个唯一的Id(例如,EmployeeId是整数)。如何以编程方式选择Kendo UI treeview的根节点(Id为1),并且根节点的背景颜色应为高亮度?谢谢你的帮助

           var _root = new kendo.data.HierarchicalDataSource({
                transport: {
                    read: {
                        cache: false,
                        url: "/Employee/GetEmployees",
                        dataType: "json",
                        data: { employeeId: _selectedId}
                    }
                },
                schema: {
                    model: {
                        id: "Id",
                        hasChildren: "HasChildren",
                        expanded: "expanded",
                        parentId: "parentId",
                        ItemType: "ItemType"
                    }
                }
            });

            _tree = $("#treeView").kendoTreeView({
                dataSource: _root,
                dataTextField: "Name",
                loadOnDemand: true,                
                dataImageUrlField: "Image",
                dataBound: function (e) {
                    handleTreeDataBound(e);
                },
                select: function (e) {
                    handleSelect(e.node);
                }
            });

            treeViewCtrl = $("#treeView").data("kendoTreeView");
使用treeview的方法,以下是选择第一个节点的方式:

treeViewCtrl.select($("#treeView").find(".k-item").first());

如果有多个根节点,则必须使用该方法获取数据项,并将其id与要选择的id进行比较。

如果有多个根节点,则获取所有根节点的另一种方法是使用CSS选择器获取
树视图的直接子节点
li
节点。从那里,您可以获得每个根的
dataItem

$("#treeview").find("ul > li").each(function () {
     var dataItem = treeView.dataItem($(this));
     console.log(dataItem.text);
});

您也可以使用这段代码:

treeview.select($('.k-item:first'));
这将选择根节点。您还可以使用以下方法展开它:

treeview.expand($('.k-item:first'));

非常感谢,您的代码运行得非常好。