Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ASP.NET MVC中的剑道树图工具提示_Javascript_Asp.net_Model View Controller_Kendo Ui_Treemap - Fatal编程技术网

Javascript ASP.NET MVC中的剑道树图工具提示

Javascript ASP.NET MVC中的剑道树图工具提示,javascript,asp.net,model-view-controller,kendo-ui,treemap,Javascript,Asp.net,Model View Controller,Kendo Ui,Treemap,有人知道如何为剑道树形图创建悬停时的工具提示吗? 类似于此,但对于ASP.NET MVC: 我已经试过了,但是当我将鼠标移到字段上时,什么也没有出现 $("#treemap").kendoTooltip({ filter: ".k-leaf,.k-treemap-title", position: "top", content: function (e) { var treemap = $("#treemap").data("kendoTreeMap");

有人知道如何为剑道树形图创建悬停时的工具提示吗? 类似于此,但对于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").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);

是否可以使用此功能并使用这些值创建剑道工具提示?

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

您的
kendoTooltip
定义中的
treemap
/
项包含哪些内容?我不知道。。这只是Demohe上面演示的代码。在ASP.NET MVC中?为Treemap控件发布
.cshtml
代码。