2013-12-10 77 views
6

我在網格單元格中的kendoui工具提示有問題。在網格中,我顯示一個簡單的文檔文件夾。每行都列出一個文件。在第一列中,我有一個小的預覽圖標和圖像或文件的下載鏈接。 如果我懸停圖像,則調用工具提示。kendo ui工具提示在網格中的定位問題

實施例:

<a class="documents has_preview" href="<my_download_path>" title="<my_image_title>" data-url="<my_preview_image_path>"> 
<span class="icon preview_image image jpg has_image"> 
    <img src="<my_preview_icon_path>" border="0" alt="" /> 
</span> 
<my_image_name> 

工具提示被插入這樣的:

<script id="template" type="text/x-kendo-template"> 
    <img src="#=target.data('url')#" alt="#=target.data('title')#" /> 
    <p>#=target.data('title')#</p> 
</script> 

$("#grid").kendoTooltip({ 
    filter: "a.has_preview", 
    content: kendo.template($("#template").html()), 
    position: "top" 
}); 

問題是:

如果我懸停圖像名稱爲第一次,該工具提示不會顯示在指定的寶sition。在同一圖像名稱的第二個懸停一切都顯示正確...

任何人都可以給我一個提示怎麼辦?

非常感謝! 菲利普

+0

我一直有同樣的問題;在我的示例中,一旦第一次懸停發生,工具提示就會嵌套在「k-animation-container」div中,然後所有事情都按預期工作。 – loxdog

+0

同樣的問題,但使用ListView來代替。我不得不使用解決方案中指定的解決方法,但並未真正解決問題。遺憾的是,這一點在2年後的核心圖書館中仍然沒有修復。 –

回答

0

我們能夠通過將位置設置爲「左」來解決它。