Кендо DropDownList Подсказка в фокусе

Есть ли способ показать всплывающую подсказку в Kendo DropDownList на focus? Наведение работает, щелчок работает, а фокус нет. Я хочу внедрить всплывающее окно Bootstrap в DropDownList, но кажется, что всплывающая подсказка Kendo тоже не работает.

<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?


javascript kendo-ui kendo-dropdown kendo-tooltip
person Raptor    schedule 11.09.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Показать вручную:

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();
});

Демо

ОБНОВЛЕНИЕ:

А еще лучше создать всплывающую подсказку в wrapper вместо .k-input:

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

Обновленная демонстрация

person DontVoteMeDown    schedule 11.09.2017
comment
Не решение для меня. Как я уже сказал, мне нужно реализовать другую всплывающую подсказку, но я просто пытаюсь выяснить, почему не работает только метод фокусировки в раскрывающемся списке. Если он не поддерживается или в чем проблема. - person Raptor; 11.09.2017
comment
Хм, вроде работает. Пробовал это раньше (используя оболочку для прикрепления всплывающей подсказки), и мне это как-то не удалось. Так что хорошо, спасибо. - person Raptor; 12.09.2017