Question

首先，这个How to add a tooltip based on a DropDown list with Kendo wrappers?似乎无法发挥作用，我似乎无法找到任何有用的东西。

我想要做的就是将工具提示添加到以下Kendo DropDownList中的项目。

@(Html.Kendo().DropDownList()
    .Name("ddl-ebm")
    .DataTextField("EBMNummer")
    .DataValueField("Id")
    .OptionLabel("Neuer Datensatz...")
    .DataSource(ds => ds.Read("GetEbmNummern", "Rechner"))
    .Events(e => e.Select("onEbmSelect")))

Kendo Tooltip元素目前看起来像这样。

@(Html.Kendo().Tooltip()
    .For("#ddl-ebm")
    .Position(TooltipPosition.Top)
    .Content("!!!")
    .Width(120)
    .Events(events => events.Show("onHoverShowToolTip")))

我唯一需要做的就是在DropDownList本身上放一个工具提示，但前提是我为For（）设置了围绕它的容器并在.k-dropdown上设置了Filter，但这不是正是我想要的。

提前致谢。

Answer 1

首先，使用模板将标准标题添加到项目中：

@(Html.Kendo().DropDownList()
.Name("ddl-ebm")
.DataTextField("EBMNummer")
.DataValueField("Id")
.OptionLabel("Neuer Datensatz...")
.DataSource(ds => ds.Read("GetEbmNummern", "Rechner"))
.Template("<span class=\"drop-down-list-item\" title=\"#=EBMNummer#\">#=EBMNummer#</span>")
.Events(e => e.Select("onEbmSelect")))

在文档加载时，您应该添加如下的kendo功能：

$(".drop-down-list-item").each(function () {
    $(this).kendoTooltip();
});

带有工具提示的Kendo MVC DropDownList-items

1 个答案: