javascript - Kendo UI TreeView 可选根

Question

kendo ui treeview 中是否存在 hack，因此当用户单击根节点时，它会触发 select 方法，就像其他分支节点一样。

目前我找不到针对此行为的选项，而且 select 方法仅针对分支触发。

    var areaDropDownTreeView = $(tvElement).kendoExtDropDownTreeView({
        treeview: {
            template: kendo.template($(tvTemplate).html()),
            dataSource: dataSource
        }
    }).data("kendoExtDropDownTreeView");

    var $dropdownRootElem = $(areaDropDownTreeView.dropDownList().element).closest("span.k-dropdown");
    var $treeviewRootElem = $(areaDropDownTreeView.treeview().element).closest("div.k-treeview");

    // Unbind default select event.
    areaDropDownTreeView.treeview().unbind("select");
    // Bind new select event.
    areaDropDownTreeView.treeview().bind("select", function (e) {
       // want to do something here for every node including the root, but the root is not triggering select, only the branches are
    });

Answer 1

我首先要确保您正确构建了 TreeView:

$("#myTreeView").kendoTreeView({ ...settings go here... } );

这里是对树的所有节点进行选择的示例:

http://jsbin.com/edamuj/1260/edit?html,output

OnSelect 将触发树中的任何节点，包括根节点。我猜想这与您绑定(bind)的 bizzaro 方式有关。如果你想控制 Action (也许你并不总是想让 onSelect 做某事)，它可能有助于管理这些选择事件函数本身的决定。 这是推荐的方法。如果您不遵循 Kendo 文档中的推荐方法列表 - 会出现意外结果。

相反，在 Treeview 声明中设置事件绑定(bind)(这是一个简化的示例):

$("#treeview").kendoTreeView({
                    select: onSelect,
                });
            });

然后像这样正常处理事件:

       $(document).ready(function() {
                function onSelect(e) {
                    alert("selection event triggered");
                }
        }