Anzeigen von Feldinhalten in JQuery UI-Tooltip

Question

In SPD 2010 habe ich eine ASPX-Seite erstellt, in der ich eine leere Datenansicht eingefügt habe. Ich habe dann die Liste ausgewählt und dann Felder, die auf der Seite angezeigt werden. Ich möchte ein Popup "Tooltip" integrieren, das zugeordneten Informationen anzeigt, die auch im Listenelement gespeichert ist. Ich habe den jQuery UI-Tooltip gefunden, der vielversprechend aussieht. Ich fand auch eine Fülle von Plug-Ins für Jquery, was im Wesentlichen dasselbe tun, aber anders sieht. Mein Problem ist, ich weiß nicht, wie man diese integriert (oder wenn sie sogar auf diese Weise funktionieren) , sodass sie den Tooltip über die ASPX-Seite anzeigen. Wie mache ich das? Ich glaube, sie sind eingerichtet, sodass Sie Ihre JS-Seite erstellen, und befestigen Sie sie mit einem CEWP, um die Ansicht der auf Ihrer Seite etablierten Liste auszuwirken.

Gibt es einen einfachen Weg, dies zu tun? Wenn ja, zeigen Sie bitte den Code (und behandeln Sie mich wie ein Dulard). Das Setup, an das ich nachgedacht hatte, erstellte eine OO-Funktion, die das @ listfield von der Liste ziehen kann, und zeigt es als Popup an. Ich bin sicher, dass es einen CSS-Code mit einem onmouseover und ontouseout code gibt, aber ich weiß einfach nicht, wie ich es in die ASPX-Seite integrieren soll, um herauszuziehen die Informationen.

Als beiseite bin ich nicht mit der JQuery Tooltip-Lösung verheiratet. Wenn jemand einen besseren Weg hat, dies zu tun, oder einen leichteren Weg bin ich überall.

edit: Ich glaube, ich muss meine Frage hinzufügen oder wiederhörnen, da ich nach dynamischen generasacodicetagpre.

und um es als Popup anzuzeigen:

generasacodicetagpre.

Mind Sie, der Code im Abschnitt "Test" ist auf meiner Seite viel mehr auf meiner Seite, also sorgen Sie sich also keine Sorgen um Syntaxfehler, da ich nur so etwas geworfen habe. Also, weitere Frage ist, Wie tauschen ich den Abschnitt "Titel" des Displays in meinem obigen Code aus, um dynamische Daten in das Popup einzubeziehen? Angenommen, mein zweites Feld aus der Liste ist @secondfield .

Answer 1

Dies ist eine breite Frage und es gibt mehrere Möglichkeiten, sich zu nähern.

Zunächst müssen Sie entscheiden, wo Sie die "zugehörigen Informationen" erhalten.Wenn es nur ein paar Felder ist, können Sie es in Betracht ziehen, es in der Datenansicht zu laden.Wenn es sich um einen größeren Chunk handelt (z. B. inklusive Bildern), laden Sie es auf Anfrage mit einem Ajax-Anruf, wenn der Benutzer einen Artikel auswählt.

[edit] Basierend auf Ihrem Beispielcode wählen Sie die erste Option - Laden Sie die Tooltip-Daten in das Titelattribut.Mit einer geringfügigen Änderung sollten Sie in der Lage sein, das Titelattribut dynamisch zu machen, so etwas wie folgt:

<span title="{@popupField}">