0

J'utilise les reliures Knockout-Kendo.Knockout-Kendo: DropDown avec Tooltip ne fonctionne pas

Je dois utiliser DropDownList avec Tooltip, mais l'utilisation des deux liaisons dans un contrôle ne fonctionne pas. Quelqu'un sait pourquoi et comment le réparer?

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

Répondre

0

Pour fixer, l'envelopper dans une période et mettre l'info-bulle sur la durée.

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

Quant à savoir pourquoi, je suppose que les procurations Kendo l'élément d'entrée, de sorte que votre info-bulle serpente être attaché à l'entrée cachée « réel », et non le menu déroulant Kendo visible.

+0

Oui, vous avez raison, je l'ai trouvé aussi. La liaison DropDown crée un contrôle plus complexe et une info-bulle doit être attachée à l'objet "wrapper" dans le contrôle créé. Il n'est donc pas possible d'utiliser 2 liaisons. Ainsi, une solution consiste à insérer l'entrée d'origine lors de la publication et une autre façon de créer une info-bulle dynamique après le rendu de DropDown. – Raptor