Visualización de contenidos de campo en JQuery UI Tooltip

Question

En SPD 2010, he creado una página ASPX, en la que he insertado una vista de datos vacía. Luego seleccioné la lista, y luego los campos que se muestran en la página. Quiero incorporar una ventana emergente de "TIPTIP" que mostrará información asociada, que también se almacena en el elemento de la lista. He encontrado la información sobre herramientas de ui jQuery que parece prometedora. También encontré una gran cantidad de complementos para jQuery, lo que básicamente hace lo mismo, pero parece diferente. Mi problema es que no sé cómo integrar estos (o si incluso funcionarán de esta manera) para que muestren la información sobre herramientas a través de la página ASPX. ¿Cómo lo hago? Creo que están configurados para que cree su página de JS y adjunte a través de un CEWP para afectar la vista de la lista que ha establecido en su página.

¿Hay una manera fácil de hacer esto? Si es así, muestre el código (y tráeme como un abordaje). La configuración en la que estaba pensando fue crear una función OO que puede tirar del campo @listfield de la lista y mostrarla como la ventana emergente. Estoy seguro de que habrá un código CSS con un código Onmouseover y onmouseout , pero realmente no sé cómo incorporarlo en la página ASPX para retirarse la información.

Como aparte, no estoy casado con la solución JQuery ToolTip. Si alguien tiene una mejor manera de hacer esto, o una forma más fácil, estoy por todas partes.

Editar: Creo que necesito agregar o reenterme mi pregunta, ya que estoy buscando dinámico en la ventana emergente, que se extrae de la misma lista como la información de la pantalla. Soy capaz de hacer que la información sobre herramientas funcione, sin demasiado problema. Me da la entrada genérica que yo el código duro en la página. Para qué necesito ayuda es la integración del código. Estoy usando lo siguiente para que el QTIP funcione:

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

y para obtenerlo mostrado como la ventana emergente:

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

La mente, el código en la parte "Prueba" es mucho más detallada en mi página por razones, por lo que no se preocupe por los errores de la sintaxis allí, solo tiraron algo juntos. Entonces, la pregunta adicional es, ¿Cómo puedo intercambio la parte de "título" de la pantalla en mi código anterior para incluir datos dinámicos en la ventana emergente? Asumir mi segundo campo de la lista es @secondfield .

Answer 1

Esta es una pregunta amplia y hay múltiples formas de abordarlo.

Primero, debe decidir dónde obtener la "Información asociada".Si es solo un par de campos, podría considerar cargarlo dentro de la vista de datos.Si es un trozo más grande (por ejemplo, incluye imágenes), lo cargará a pedido con una llamada AJAX cuando el usuario selecciona un elemento.

[editar] Sobre la base de su código de muestra, eligió la primera opción: cargue los datos de ToolTip en el atributo de título.Con un ligero cambio, deberías poder hacer la dinámica del atributo del título, algo así:

<span title="{@popupField}">