Kendo:使用工具提示的DropDown不起作用

Question

我用的是Knockout-Kendo绑定。

我需要在工具提示中使用DropDownList，但是在一个控件中使用这两种绑定并不有效。有人知道为什么和如何修复它吗？

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中，并将工具提示放在span上。

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

至于为什么，我猜是Kendo代理输入项，所以您的工具提示将被附加到隐藏的“真实”输入，而不是可见的Kendo下拉列表。