剣道Treemap ASP.NET MVCのツールチップ

Question

誰もが剣道のためのホバー上にツールチップを作成する方法を知っていますか？このようなしかし、ASP.NET MVCのための 何か：私はjqueryのを使用する場合

Kendo Treemap Tooltip

$("#treemap").kendoTooltip({ 
    filter: ".k-leaf,.k-treemap-title", 
    position: "top", 
    content: function (e) { 
     var treemap = $("#treemap").data("kendoTreeMap"); 
     var item = treemap.dataItem(e.target.closest(".k-treemap-tile")); 
     return item.name + ": " + item.value; 
    } 
    }); 

..私はすでにこれを試みたが、私はフィールド上にマウスを移動したときに何も表示されません私はjavascriptのコンソールに各Treemap fielの正しい値を書くことができます。

$("#treeMap").on("mouseenter", ".k-leaf", function() { 
    var item = $("#treeMap").data("kendoTreeMap").dataItem($(this).closest(".k-treemap-tile")); 
    var text = "Name: " + item.Name + " Value: " + item.Value; 
console.log(text); 

この機能を使用して、これらの値を持つ剣道ツールチップを作成することはできますか？

Answer 1

@Sandman：ここでのコードは..です

@(Html.Kendo().TreeMap() 
     .Name("treeMap") 
     .Theme("Material") 
     .DataSource(dataSource => dataSource 
      .Read(read => read 
       .Action("GetMyTreeMapData", "Home") 
     ) 
      .Model(m => m.Children("Items")) 
    ) 
     .ValueField("Value") 
     .TextField("Name") 
     .Events(events => events 
      .ItemCreated("onItemCreated") 
      .DataBound("onDataBound") 
    ) 

     .HtmlAttributes(new { style = "height:800px; font-size: 12px;" })