剑道DropDownList工具提示重点

有什么办法如何显示剑道DropDownList上的工具提示重点？悬停工作，点击工作，但不关注。我想实现Bootstrap popover到DropDownList，但似乎Kendo Tooltip不起作用。剑道DropDownList工具提示重点

<input id="myInput" class="k-group" /> 


$("#myInput").kendoDropDownList({}).data("kendoDropDownList").wrapper.find(".k-input").kendoTooltip({ 
    content: 'tooltip tooltip tooltip', 
    showOn: 'focus' // DOESN'T WORK 
    //showOn: 'mouseenter' // Works fine 
    //showOn: 'click' // Works fine 
});

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

编辑：我想知道，为什么对焦方法是行不通的。它不支持DropDownList选项吗？

来源

2017-09-11 Raptor

手动表露出来：

var e = $("#myInput") 
    .kendoDropDownList({}) 
    .data("kendoDropDownList") 
    .wrapper 
    .find(".k-input") 
     .kendoTooltip({ 
     content: 'tooltip tooltip tooltip', 
     showOn: 'mouseenter click' 
     }); 

e.closest(".k-widget").on("focus", function() { 
    $(this).find(".k-input").data("kendoTooltip").show(); 
});

~~Demo~~

UPDATE：

更重要的是，建立在wrapper的提示，而不是.k-input：

$("#myInput") 
    .kendoDropDownList({}) 
    .data("kendoDropDownList") 
    .wrapper 
    .kendoTooltip({ 
    content: 'tooltip tooltip tooltip', 
    showOn: 'mouseenter click focus' 
    });

Updated Demo

来源

2017-09-11 13:02:29 DontVoteMeDown

对我来说不是解决方案。正如我所说，我需要实现其他工具提示，但只是试图找出为什么只有焦点方法下拉不起作用。如果不支持或问题出在哪里。 – Raptor

@Raptor ok，检查更新。 – DontVoteMeDown

嗯，似乎工作。试过这之前（使用包装附加工具提示），并以某种方式失败了我。好的，thnx。 – Raptor

剑道DropDownList工具提示重点

回答

相关问题