剑道TreeView onMouseOver()

Question

我需要在调用Kendo TreeView控件中的单个节点时触发一个TreeView方法。给出了类似于以下内容的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中的每个节点添加鼠标over事件的一种方法：

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

Answer 2

您可以找到‘k项k’类，并使用jQuery的.hover()函数。

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