Visualizzazione del contenuto del campo in JQuery UI Tooltip

Question

In SPD 2010 ho creato una pagina ASPX, in cui ho inserito una vista dati vuota. Ho quindi selezionato l'elenco e quindi i campi che vengono visualizzati sulla pagina. Voglio incorporare un popup "Tooltip" che visualizzerà le informazioni associate, che viene anche memorizzata nell'elemento di elenco. Ho trovato il jquery ui tooltip che sembra promettente. Ho anche trovato una pletora di plug-in per jquery che fondamentalmente fa la stessa cosa ma sembra diversa. Il mio problema è che non so come integrare questi (o se funzionerà anche in questo modo) in modo che mostrerà il tooltip attraverso la pagina ASPX. Come faccio a farlo? Credo che siano configurati in modo da creare la tua pagina JS e collegalo tramite un CEWP per influenzare la visualizzazione dell'elenco che hai stabilito sulla tua pagina.

C'è un modo semplice per farlo? Se è così, si prega di mostrare il codice (e trattarmi come un DURATORE). La configurazione stavo pensando di creare una funzione OO che può tirare il @listfield dall'elenco e mostrarlo come popup. Sono sicuro che ci sarà un codice CSS con un codice onmouseover e onmouseout , ma davvero non so come incorporarlo nella pagina ASPX per estrarre le informazioni.

Da parte, non sono sposato con la soluzione JQuery Tooltip. Se qualcuno ha un modo migliore per fare questo, o un modo più semplice, sono tutto sopra di esso.

Modifica: Penso di dover aggiungere o rivendicare la mia domanda, poiché sto cercando un contenuto dinamico nel popup, che viene tirato dalla stessa lista come informazioni di visualizzazione. Sono in grado di ottenere il tooltip per lavorare, senza troppi problemi. Mi dà l'input generico che ho il codice fisso nella pagina. Quello che ho bisogno di aiuto è l'integrazione del codice. Sto usando quanto segue per ottenere il QTIP al lavoro:

<script type="text/javascript">
    $(document).ready(function() { 
        $("[title]").each(function()
        {
            $(this).qtip();
        });
    });
</script>

.

e per visualizzarlo come Popup:

<xsl:choose>
     <xsl:when test="@field='1','True','','i')=0">Yes</xsl:when>
     <xsl:otherwise><span title="Hey, this is a try.">No</span></xsl:otherwise>
</xsl:choose>

.

mente tu, il codice nella porzione "Test" è molto più elaborato sulla mia pagina per motivi, quindi non preoccuparti di errori di sintassi lì dentro, ho appena gettato qualcosa insieme. Quindi, ulteriori domande è, Come posso scambiare la parte "Titolo" del display nel mio codice sopra per includere i dati dinamici nel popup? Assumi il mio secondo campo dall'elenco è @secondfield .

Answer 1

Questa è una domanda ampia e ci sono più modi per avvicinarsi.

In primo luogo, è necessario decidere dove ottenere le "informazioni associate".Se sono solo un paio di campi, puoi considerare di caricarlo all'interno della vista dati.Se è un pezzo più grande (ad esempio include immagini), lo carichi su richiesta con una chiamata AJAX quando l'utente seleziona un elemento.

[modifica] In base al codice di esempio, hai scelto la prima opzione: carica i dati del tooltip nell'attributo del titolo.Con un leggero cambiamento, dovresti essere in grado di rendere dinamico l'attributo del titolo, qualcosa del genere:

<span title="{@popupField}">