Как установить подсказку jquery из базы данных на стороне сервера?

Question

У меня есть ярлык на моей странице asp.net, он выглядит так:

подробнее

Когда я наведу на него курсор мыши, я бы хотел отобразить одну из этих подсказок jquery. Данные будут поступать из базы данных из моего кода позади. Я посмотрел на qtip, jquery tools и telerik tooltip. Я просто не уверен, как установить содержимое всплывающей подсказки со стороны сервера.

Answer 1

Простейшая реализация с использованием плагина всплывающей подсказки (http://docs.jquery.com/Plugins/Tooltip) будет просто:

$("a").tooltip();

Вышеуказанное использование title в качестве содержимого всплывающей подсказки по умолчанию.

Предположим, у вас есть X элементов для всплывающей подсказки с X пользовательским содержимым в последовательности, вот один из способов

В вашем коде выделите всплывающие подсказки следующим образом:

protected string tooltips;
//perform your data retrieval and create a string like this:
tooltips = "'tip1','tip2','tip3'";

В вашем javascript, чтобы назначить массив строк всплывающей подсказки массиву javascript:

var myToolTips = new Array(<%=mytooltips%>);

Затем переберите элементы, используя JQuery's each():

$(".someclass a").each(function(i){
    $(this).tooltip({
       showBody: myToolTips[i];
    });
})

Answer 2

Обычно я устанавливаю литеральный элемент управления для вывода значения с сервера, который должен иметь код jQuery.

Так что-то вроде этого:

$("div").html("<asp:literal id='litServerData" runat="server"></asp:literal>");

Затем в своем коде вы задаете литерал для данных, которые вы хотите иметь в своем коде jQuery.

Конечно, это работает, только если ваш jQuery находится на странице aspx. Если нет, у вас может быть блок сценария в верхней части страницы, который устанавливает переменную в буквальное значение элемента управления, а затем вызывает ваш внешний сценарий.