Отображение содержимого поля в подсказке jQuery ui

Question

В SPD 2010 Я создал страницу ASPX, в которой я вставил пустой вид данных. Затем я выбрал список, а затем полей, которые отображаются на странице. Я хочу включить всплывающее окно «всплывающую подсказку», которое будет отображать соответствующую информацию, которая также сохраняется в элементе списка. Я нашел всплывающую подсказку JQuery UI, которая выглядит многообещающей. Я также нашел множество плагинов для jQuery, которая в основном делает то же самое, но выглядит по-другому. Моя проблема в том, что я не знаю, как интегрировать эти (или, если они даже будут работать таким образом) , поэтому они будут отображать всплывающую панель через страницу ASPX. Как мне это сделать? Я верю, что они установлены, поэтому вы создаете свою страницу JS и прикрепите ее через CEWP, чтобы повлиять на вид списка, который вы установили на вашей странице.

Есть ли простой способ сделать это? Если это так, пожалуйста, покажите код (и относитесь ко мне, как Dullard). Настройка, которую я думал о создании функции oO, которая может вытащить @Listfield из списка и показать его как всплывающее окно. Я уверен, что будет какой-то код CSS с помощью onmouseOver и onmouseout onmouseout onmouseout, но я просто не знаю, как включить его в страницу ASPX, чтобы вытащить информация.

Кроме того, я не женат на решении подсказки JQuery. Если у кого-то есть лучший способ сделать это или проще, я все над этим.

Редактировать: Я думаю, что мне нужно добавить или повторить свой вопрос, как я ищу Dynamic Content в всплывающем окле, который вытащен из одного и того же списка в качестве отображения информации. Я могу получить всплывающую подсказку на работу, без особых проблем. Это дает мне общий вход, который я жесткий код в страницу. То, что мне нужна помощь, это интеграция кода. Я использую следующее, чтобы получить qtip для работы:

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

.

и, чтобы получить его, как всплывающее окно:

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

.

Уменьшите вам, код в разделе «Тест» гораздо более сложный на моей странице по причинам, поэтому не беспокойтесь о каких-либо синтаксических ошибках, я просто вроде бросил что-то вместе. Итак, дальнейший вопрос, Как обменять часть «названия» дисплея в моем вышеуказанном коде, чтобы включить динамические данные во всплывающем окнах? Предположим, что мое второе поле из списка @secondfield .

Answer 1

Это широкий вопрос, и есть несколько способов приблизиться к нему.

Во-первых, вам нужно решить, где получить «связанную информацию».Если это просто пара пары, вы могли бы рассмотреть загрузку в виде данных.Если это больший кусок (например, включает в себя изображения), то вы будете загружать его на спрос с вызовом AJAX, когда пользователь выбирает элемент.

<Сильные> [править] На основании вашего примерного кода вы выбрали первый вариант - загрузите данные подсказки в атрибуте заголовка.С небольшим изменением вы должны иметь возможность сделать динамический атрибут заголовка, что-то вроде этого:

<span title="{@popupField}">