Exibindo o conteúdo do campo na dica de ferramenta da UI do JQuery

Question

No SPD 2010 criei uma página aspx, na qual inseri uma Visualização de dados vazia.Em seguida, selecionei a lista e os campos que são mostrados na página.Quero incorporar um pop-up de "dica" que exibirá informações associadas, que também são armazenadas no item da lista.Eu encontrei a dica de ferramenta da UI do jQuery que parece promissora.Também encontrei uma infinidade de plug-ins para jQuery que basicamente fazem a mesma coisa, mas parecem diferentes. Meu problema é que não sei como integrar esses (ou se eles vão funcionar dessa maneira) então eles exibirão a dica de ferramenta na página aspx.Como eu faço isso? Acredito que eles estejam configurados para que você crie sua página js e a anexe por meio de um CEWP para afetar a visualização da lista que você estabeleceu em sua página.

Existe uma maneira fácil de fazer isso?Nesse caso, mostre o código (e me trate como um idiota).A configuração que eu estava pensando era criar uma função OO que pudesse extrair o @listfield da lista e mostrá-lo como um pop-up.Tenho certeza que haverá algum código CSS com um passar o mouse e onmouseout código, mas realmente não sei como incorporá-lo na página aspx para extrair as informações.

Além disso, não sou casado com a solução jQuery Tooltip.Se alguém tiver uma maneira melhor de fazer isso, ou uma maneira mais fácil, estou satisfeito.

EDITAR: Acho que preciso acrescentar ou reformular minha pergunta, pois estou procurando dinâmico conteúdo no pop-up, que é extraído da mesma lista das informações de exibição.Consigo fazer a dica funcionar, sem muitos problemas.Isso me dá a entrada genérica que eu codifico na página.Preciso de ajuda é na integração do código.Estou usando o seguinte para fazer o qtip funcionar:

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

e para exibi-lo como pop-up:

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

Veja bem, o código na parte "teste" é muito mais elaborado na minha página por motivos, então não se preocupe com erros de sintaxe ali, eu apenas juntei algumas coisas.Então, outra questão é: Como troco a parte “título” da exibição no meu código acima para incluir dados dinâmicos no pop-up? Suponha que meu segundo campo da lista seja @secondfield.

Answer 1

Esta é uma questão ampla e há várias maneiras de abordá-la.

Primeiro, você precisa decidir onde obter as “informações associadas”.Se forem apenas alguns campos, considere carregá-los na visualização de dados.Se for um pedaço maior (por ex.inclui imagens), então você o carregará sob demanda com uma chamada AJAX quando o usuário selecionar um item.

[Editar]Com base no seu código de amostra, você escolheu a primeira opção: carregar os dados da dica de ferramenta no atributo title.Com uma pequena alteração, você poderá tornar o atributo title dinâmico, algo assim:

<span title="{@popupField}">