使用kendo ui工具提示在网格内定位问题

时间:2013-12-10 10:04:15

标签: javascript kendo-ui position kendo-grid kendo-tooltip

我在网格单元格中存在kendoui工具提示的问题。在网格中我显示一个简单的文档文件夹。每行列出一个文件。在第一列中,我有一个小的预览图标和图像或文件的下载链接。 如果我将鼠标悬停在图像上,则会调用工具提示。

示例:

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

问题是:

如果我是第一次悬停图像名称,则工具提示不会显示在指定位置。在第二次悬停相同图像名称时,一切都正确显示...

任何人都可以给我一个暗示该做什么吗?

非常感谢! 菲利普

1 个答案:

答案 0 :(得分:0)

我们可以通过将位置设置为“左”来修复它。