Question

有人知道如何在悬停时为Kendo树形图创建工具提示吗？这样的东西，但对于ASP.NET MVC：

我已经尝试了这个，但当我将鼠标移到字段上时，没有任何内容出现..

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

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

1 个答案: