2013-12-10 8 views
6

Ho un problema con il tooltip di kendoui all'interno di una cella della griglia. Nella griglia visualizzo una semplice cartella documenti. Ogni riga elenca un file. Nella prima colonna ho una piccola icona di anteprima e un link per il download per l'immagine o il file. Se al passaggio del mouse su un'immagine viene chiamato il suggerimento.Problema di posizionamento con il tooltip di kendo ui all'interno di una griglia

Esempio:

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

La descrizione è inserita come:

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

problema è:

Se mi passa il mouse il nome dell'immagine per la prima volta, il tooltip non sarà visualizzato al po specificato sizione. Su un secondo passaggio del mouse sullo stesso nome dell'immagine tutto viene visualizzato correttamente ...

Qualcuno può darmi un suggerimento su cosa fare?

Grazie mille! Philip

+0

Ho avuto lo stesso problema; nel mio esempio, il tooltip diventa nidificato all'interno di un div "k-animation-container" una volta che il primo hover avviene, quindi tutto funziona come previsto. – loxdog

+0

Stesso problema, ma utilizzando ListView. Ho dovuto utilizzare la soluzione alternativa specificata nella risposta che non risolve il problema. Peccato che ciò non sia ancora risolto nella libreria principale 2 anni dopo. –

risposta

0

Siamo stati in grado di risolverlo impostando la posizione su "sinistra".