如何以編程方式選擇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的根節點

回答

相關問題