L'affichage de Contenu d'un Champ dans l'INTERFACE utilisateur de JQuery Tooltip

Question

Dans SPD 2010, j'ai créé une page aspx, dans lequel j'ai inséré un Vide de la Vue de Données.Puis, j'ai sélectionné de la liste, et puis les champs qui sont affichés sur la page.Je veux intégrer une "info-bulle" popup qui affiche les informations associées, qui est également stockée dans l'élément de la liste.J'ai trouvé l'INTERFACE utilisateur de jQuery Tooltip qui a l'air prometteur.J'ai aussi trouvé une pléthore de plugins pour jQuery qui, en gros, faire la même chose mais un aspect différent. Mon problème est que je ne sais pas comment intégrer ces (ou si ils vont même travailler de cette manière) donc, ils vont afficher l'info-bulle par le biais de la page aspx.Comment dois-je faire? Je crois qu'ils sont de l'installation afin de vous créer votre js de la page et la joindre par l'intermédiaire d'un CEWP à affecter l'affichage de la liste que vous avez créée sur votre page.

Est-il un moyen facile de faire cela?Si oui, veuillez indiquer le code (et de me traiter comme une dullard).La configuration que je pensais était la création d'un OO fonction qui peut tirer le @listfield à partir de la liste et de montrer que la popup.Je suis sûr qu'il y aura un peu de css le code avec une onmouseover et onmouseout le code, mais je ne sais vraiment pas comment l'intégrer dans la page aspx pour extraire l'information.

En aparté, je ne suis pas marié à l'jQuery Tooltip solution.Si quelqu'un a une meilleure manière de faire ceci, ou un moyen plus facile, je suis sur elle.

EDIT: Je pense que j'ai besoin d'ajouter ou de modifier le libellé de ma question, comme je suis à la recherche d' dynamique contenu dans la fenêtre contextuelle, qui est tiré à partir de la même liste que l'affichage info.Je suis en mesure d'obtenir l'info-bulle pour le travail, sans trop de problème.Il me donne le générique d'entrée qui j'ai coder en dur dans la page.Ce que j'ai besoin d'aide, c'est l'intégration du code.Je suis l'aide de la suite pour obtenir le qtip de travail:

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

et pour l'obtenir, il affiche la 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>

Rappelez-vous, le code dans le "tester" la partie est beaucoup plus élaborée sur ma page pour des raisons, ne vous inquiétez pas sur les erreurs de syntaxe que là, j'ai juste jeté quelque chose ensemble.Donc, plus la question est, Comment puis-je change le "titre" de l'afficheur, dans mon code ci-dessus pour inclure des données dynamiques dans le popup? Assumer ma deuxième champ à partir de la liste est @secondfield.

Answer 1

C'est une vaste question et il y a de multiples manières de l'aborder.

Tout d'abord, vous devez décider où pour obtenir les informations associées".Si c'est juste un couple de champs, vous pourriez envisager de le charger dans la vue de données.Si c'est un plus gros morceau (p. ex.inclut des images), vous aurez la charge sur demande avec un appel AJAX lorsque l'utilisateur sélectionne un élément.

[Modifier] Basé sur votre exemple de code, vous avez choisi la première option - charge de la bulle d'aide de données de l'attribut title.Avec une légère modification, vous devriez être en mesure de faire de l'attribut title dynamique, quelque chose comme ceci:

<span title="{@popupField}">