无法在 KendoUI 树视图中取消选择选定节点答案

【问题标题】：Unable to deselect the selected node in KendoUI tree view无法在 KendoUI 树视图中取消选择选定节点
【发布时间】：2012-12-11 17:12:12
【问题描述】：

我有一个使用 Kendo UI 树视图的树状结构。每个节点都显示为一个超链接，单击每个节点时，将打开一个新的kendotabstrip。我的问题是，如果我选择一个节点，结果会在新选项卡中正常显示，但是如果我关闭新打开的选项卡然后选择同一个节点，则由于节点已被选中，因此不会打开新选项卡。如果我必须选择同一个节点，那么我必须访问另一个节点，然后再回到节点。

一旦使用以下 sn-p 打开新选项卡，我尝试取消选择所选项目：

var treeview=$(#grpTree).data("KendoTreeView");

var selNode=treeview.select(); 

selNode.find("span.k-state-selected").removeClass("k-state-selected")

但节点没有被取消选择。有没有其他方法可以做到，或者我错过了什么？

【问题讨论】：

标签： kendo-ui kendo-treeview

【解决方案1】：

我知道这篇文章有点过时了，但随着 Telerik 不断升级其组件，我想我会把它放在这里，以便人们可以了解这一变化。

您可以使用以下语法取消选择所有选定的节点：

    var treeView = $("#treeView").data("kendoTreeView");
    treeView.select($());

来源：Kendo UI Treeview Documentation for Select

【讨论】：

这里要注意的关键是你告诉treeview 选择一个空的$() jQuery 对象

【解决方案2】：

是的，这是设计使然。如果你想附加一个每次都会触发的点击处理程序（无论节点是否已经被选中）。你可以像下面这样附加一个委托事件：

$('#treeviewName').on('click','.k-item',function(e){
      var clickedNode = $(this);
      var treeViewClientObject = $(e.delegateTarget).data().kendoTreeView;
})

【讨论】：

【解决方案3】：

我的代码：

var treeview=$(#grpTree).data("KendoTreeView");

treeview.select(null);

【讨论】：

【解决方案4】：

这总是调用 change 函数，所以这可以是另一种解决方案：

    $("#favorite_tree").kendoTreeView({
change: function () {
    if (this.dataItem(this.select())) {
        var treeView = $("#calendar_tree").data("kendoTreeView");
        treeView.select($());
    }
}
}).data('kendoTreeView');

$("#calendar_tree").kendoTreeView({
change: function () {
    if (this.dataItem(this.select())) {
        var treeView = $("#favorite_tree").data("kendoTreeView");
        treeView.select($());
    }
 }
}).data('kendoTreeView');

【讨论】：