Kendo TreeView onMouseOver()

Question

我需要在鼠标悬停在 Kendo TreeView 控件中的各个节点上时触发 JavaScript 方法。给定类似于以下内容的 TreeView 定义：

$("#treeview").kendoTreeView({
    checkboxes: false,
    select: onSelect,
    expand: onExpand,
    loadOnDemand: true,
    dataSource: {
        transport: {
            read: function (options) {
                var id = options.data.id;
                var data = get(localData, id);

                if (data) {
                    options.success(data);
                } else {
                    //fetch data from server
                    }
                }
            }
        },
        schema: { model: { id: "id" } }
    }
});

如何触发这样的鼠标悬停事件？请注意，使用 css 悬停是不够的，因为我需要在悬停时执行编程操作，而不仅仅是更改样式。

Answer 1

我找到了一个解决方法。这不是非常直接，但对于遇到类似障碍的任何人来说都是一种解决方法。以下是向 TreeView 中的每个节点添加鼠标悬停事件的一种方法：

var allNodes = $(".k-item");
$.each(allNodes, function(index, node) {
    node.onmouseover = function() {
        alert("test");
   };
}

Answer 2

您可以找到 'k-item k-in' class 并使用 jQuery 的 .hover() 函数

$("#treeview").find('.k-item .k-in').each(function () {                
    $(this).off('hover');
    $(this).hover(function () {             
        alert("Hovered!");
    }
}

Kendo TreeView onMouseOver()

Kendo TreeView onMouseOver()

javascript

kendo-ui

kendo-treeview