2013-12-10 2 views
6

그리드 셀 안의 켄드워치 툴팁에 문제가 있습니다. 그리드에서 간단한 문서 폴더를 표시합니다. 각 행은 파일을 나열합니다. 첫 번째 열에 작은 미리보기 아이콘과 이미지 또는 파일의 다운로드 링크가 있습니다. 이미지를 가리키면 툴팁이 호출됩니다.격자 안의 검도 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" 
}); 

문제 :

I 처음 이미지 이름을 올리면, 툴팁은 지정된 po에 표시되지 않습니다. 상황. 동일한 이미지 이름의 두 번째 마우스를 올리면 모든 것이 올바르게 표시됩니다 ...

아무에게도 내게 힌트를 줄 수 있습니까?

고맙습니다. 필립

+0

나는 동일한 문제를 겪고있다. 예제에서 첫 번째 호버가 발생하면 툴팁은 "k-animation-container"div 안에 중첩됩니다. 그러면 모든 것이 예상대로 작동합니다. – loxdog

+0

동일한 문제가 있지만 대신 ListView를 사용합니다. 나는이 문제를 실제로 해결하지 못하는 해답에 명시된 대안을 사용해야 만했다. 부끄러움은 2 년 후 핵심 라이브러리에서 여전히 고쳐지지 않습니다. –

답변

0

위치를 "왼쪽"으로 설정하여 문제를 해결할 수있었습니다.