Knockout-Kendo:带工具提示的 DropDown 不起作用
Knockout-Kendo: DropDown with Tooltip doesn't work
我正在使用 Knockout-Kendo 绑定。
我需要将 DropDownList 与 Tooltip 一起使用,但在一个控件中同时使用两个绑定不起作用。有人知道为什么以及如何解决它吗?
var ViewModel = function()
{
this.choices = ko.observableArray(["apple", "orange", "banana"]);
this.selectedChoice = ko.observable();
this.tipText = "I am a tooltip!";
};
ko.applyBindings(new ViewModel());
<input
data-bind="kendoDropDownList: { data: choices, value: selectedChoice },
kendoTooltip: { content: tipText }" />
要修复,请将其包裹在跨度中并将工具提示放在跨度上。
<span data-bind="kendoTooltip: { content: tipText }"><input data-bind="kendoDropDownList: { data: choices, value: selectedChoice }" /></span>
至于为什么,我的猜测是 Kendo 代理输入项,因此您的工具提示最终会附加到隐藏的 "real" 输入,而不是可见的 Kendo 下拉列表。
我正在使用 Knockout-Kendo 绑定。
我需要将 DropDownList 与 Tooltip 一起使用,但在一个控件中同时使用两个绑定不起作用。有人知道为什么以及如何解决它吗?
var ViewModel = function()
{
this.choices = ko.observableArray(["apple", "orange", "banana"]);
this.selectedChoice = ko.observable();
this.tipText = "I am a tooltip!";
};
ko.applyBindings(new ViewModel());
<input
data-bind="kendoDropDownList: { data: choices, value: selectedChoice },
kendoTooltip: { content: tipText }" />
要修复,请将其包裹在跨度中并将工具提示放在跨度上。
<span data-bind="kendoTooltip: { content: tipText }"><input data-bind="kendoDropDownList: { data: choices, value: selectedChoice }" /></span>
至于为什么,我的猜测是 Kendo 代理输入项,因此您的工具提示最终会附加到隐藏的 "real" 输入,而不是可见的 Kendo 下拉列表。