剣道TreeView onMouseOver（）

Question

剣道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

私はこれに対して1つの解決策を見つけました。それは信じられないほど直接的ではありませんが、同様のハードルを経験している誰にとっても回避策です。以下は、ツリービュー内の各ノードにイベントの上にマウスを追加するための一つの方法である：

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!"); 
    } 
}