javascript - ASP.NET MVC 中的 Kendo Treemap 工具提示

Question

有人知道如何为 Kendo 树状图创建悬停时的工具提示吗？类似这样的东西，但对于 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;" })