Kendo TreeView onMouseOver()

Question

Мне нужно вызвать метод JavaScript при взаимодействии с отдельными узлами в элементе управления Kendo 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 hover недостаточно, поскольку мне нужно выполнять программные операции с зависанием, а не просто менять стиль.

Answer 1

Я нашел одно решение. Это не невероятно прямо, но это обходной путь для тех, кто там испытывает подобное препятствие. Ниже один способ добавить курсор события для каждого узла в TreeView:

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

Answer 2

Вы можете найти «K-элемент к-в» класс и использовать .hover в JQuery() функции

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