Подсказка Kendo-UI с интерактивным (кликабельным) контентом

Question

Я хочу, чтобы моя подсказка оставалась открытой, если мышь находится над целевой подсказкой или, если она находится над содержимым всплывающей подсказки (которая динамически загружается), так что использование может перемещать мышь из цели на всплывающую подсказку и нажимать на ссылки в контенте.

Хороший пример ТОЧНО, что я ищу, это всплывающее окно, которое появляется в Facebook, когда вы наводите указатель на друга в правой части страницы ... вы получаете интерактивное всплывающее окно.

Я знаю, что могу это сделать, отключив AutoHide и добавив кнопку «закрыть» к содержимому всплывающей подсказки, но пользователи этого не хотят (это также было бы непрактично, поскольку всплывающие подсказки находятся в сетке и скользящая мышь по сетке может легко привести к появлению нагрузок подсказок инструмента и открытию открывания).

Кто-нибудь это сделал? Хотите поделиться своим JS? Я удивлен, что это не встроенный в качестве опции для виджета ...

Cheers, Chris

Answer 1

Это именно то, что вам нужно, я думаю ... Tooltip/Events, Tooltip/Loading content with AJAX

 $("#products").kendoTooltip({ 
      filter: "a", 
       content: { 
        url: "../content/web/tooltip/ajax/ajaxContent1.html" 
       }, 
       width: 220, 
       height: 280, 
       position: "top", 
       requestStart: function(e) { 
        e.options.url = kendo.format(urlFormat, e.target.data("id")); 
       } 
     }); 

Если вы отметите на вкладке сети в вашем браузере, то вы будете способный видеть, что имена продуктов загружаются внутри подсказки при наведении над изображением.

Аналогичным образом вы можете загрузить содержимое всплывающей подсказки.

• AutoHide: ложные

установить эту опцию при объявлении подсказки. Проверить эту ссылку: Tooltip/Events

$("#autohide-false").kendoTooltip({ 
    autoHide: false, 
    show: onShow, 
    hide: onHide, 
    position: "top", 
    content: "Hello!" 
}); 

содержание часть может быть загружена, как показано в приведенном выше примере.