淘汰剑道：带有工具提示的下拉列表不起作用

Question

我正在使用淘汰赛-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 }" />

https://codepen.io/raptor/pen/dvbrpm

Answer 1

要修复，将其包裹在跨度中并将工具提示放在跨度上。

<span data-bind="kendoTooltip: { content: tipText }"><input data-bind="kendoDropDownList: { data: choices, value: selectedChoice }" /></span>

至于原因，我的猜测是kendo代表输入项目，因此您的工具提示将附加到隐藏的"真实"输入上，而不是可见的kendo下拉列表。