有人知道如何为 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 工具提示?
最佳答案
@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;" })
关于javascript - ASP.NET MVC 中的 Kendo Treemap 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45098476/