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

我是Kendo UI新手。我的Asp.net MVC应用程序有一个Kendo UI树视图，它的设置如下。每个树节点都有一个唯一的Id（例如EmployeeId，它是整数）。如何以编程方式选择Kendo UI树视图的根节点（ID为1），并且根节点的背景颜色应该是高亮的？感谢您的帮助。如何以编程方式选择Kendo UI treeview的根节点

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

来源

2014-02-18 Thomas.Benz

使用TreeView的select方法，你这是怎么选择的第一个节点：

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

如果你有一个以上的根节点，那么你就必须使用dataItem方法获取数据项并将其ID与您要选择的ID进行比较。

来源

2014-02-18 18:05:47

非常感谢您，您的代码工作得非常好。 –

如果您有多个根节点，您可以使用CSS选择器来获取treeviewul的直接子节点li节点。从那里，你可以得到每个根的dataItem。

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

来源

2015-01-21 18:25:47 cheino

您还可以使用的代码，这个小和平：

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

这将选择根节点。您还可以使用以下代码扩展它：

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

来源

2015-11-26 14:47:08

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

回答

相关问题