劍道樹形圖中的提示ASP.NET MVC

Question

沒有任何人知道如何創建懸停工具提示的劍道樹形圖？ 像這樣的事情，但是對於ASP.NET MVC：

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

當我使用了jQuery函數我可以在JavaScript控制檯中寫入每個Treemap實例的正確值。

$("#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); 

是否可以使用這個函數並創建一個帶有這些值的Kendo工具提示？

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