javascript - Kendo UI TreeView - 单击已选择的节点

Question

我有一个 Kendo UI Treeview，问题是当用户点击一个已经选择的节点时，select 事件不会触发。除了使用 jquery 单击类元素​​触发事件之外，还有其他方法可以做到这一点吗？

谢谢!

Answer 1

请尝试使用以下代码片段。

方法一:

<div id="treeview-left"></div>
<script>
    var inlineDefault = new kendo.data.HierarchicalDataSource({
        data: [
            {
                text: "Furniture", items: [
                    { text: "Tables & Chairs" },
                    { text: "Sofas" },
                    { text: "Occasional Furniture" }
                ]
            },
            {
                text: "Decor", items: [
                    { text: "Bed Linen" },
                    { text: "Curtains & Blinds" },
                    { text: "Carpets" }
                ]
            }
        ]
    });

    $("#treeview-left").kendoTreeView({
        select: onSelect,
        dataSource: inlineDefault
    });

    function onSelect(e) {
        test();
    } 
    $(document).on('click', '.k-state-selected', function () {
        $("#treeview-left").data("kendoTreeView").trigger("select");
    });

    function test() {
        //Your logic comes here
    }
</script>

方法二:

<div id="treeview-left"></div>
<script>
    var inlineDefault = new kendo.data.HierarchicalDataSource({
        data: [
            {
                text: "Furniture", items: [
                    { text: "Tables & Chairs" },
                    { text: "Sofas" },
                    { text: "Occasional Furniture" }
                ]
            },
            {
                text: "Decor", items: [
                    { text: "Bed Linen" },
                    { text: "Curtains & Blinds" },
                    { text: "Carpets" }
                ]
            }
        ]
    });

    $("#treeview-left").kendoTreeView({
        select: onSelect,
        dataSource: inlineDefault
    });

    function onSelect(e) {
        test();
    } 
    $(document).on('click', '.k-state-selected', function () {
        test();
    });

    function test() {
        //Your logic comes here
    }
</script>

如果有任何问题，请告诉我。