Лучший вариант для модальных экранов в ASP.NET

Question

Я ищу лучший способ реализовать модальное всплывающее окно в ASP.NET другой страницы ASP.NET. Я пишу для Firefox 2.x+ и могу использовать JQuery, но я не очень знаком с этим.

Я вижу множество решений, которые используют "AJAX", но я не уверен, в каком контексте, поэтому я не пошел по этому пути.

Answer 1

Я использую плагин JQuery UI Dialog. Работает очень хорошо. Документацию по плагину можно найти по адресу http://docs.jquery.com/UI.

Answer 2

Я использовал как модальный расширитель ajax, так и jQuery jqModal, оба работали довольно хорошо. В конце концов, это решение должно сводиться к тому, на что походит остальная часть кода, каков ваш комфорт с каждым и т. Д.

Если бы я выбрал опцию сегодня, я бы, вероятно, выбрал jqModal или простой модал для jQuery. Теперь мне это удобно.

• jqModal
• SimpleModal

Answer 3

Для простых модальных дисплеев я нашел BlockUI отличным решением.

Например, вот пост об использовании BlockUI в качестве индикатора модального прогресса, а также пост об использовании BlockUI для отображения диалогового окна модального подтверждения.

Если вам нужно что-то более сложное, я бы поддержал диалог jQueryUI.

Answer 4

Я использовал AjaxControlToolkit, но вариант jQuery, предложенный @tvanfosson, кажется намного приятнее

Answer 5

Я делаю свои собственные, используя методы DOM. Я обнаружил, что это намного проще, чем адаптировать любой из этих плагинов к нашему CSS.

Модальное это просто абсолютно позиционированное окно с фоном. Мы делаем наши, используя больший прозрачный контейнер с плавающим содержимым.

Я использую функцию, которая возвращает HTML с плавающим содержимым. Класс, используемый для модального бокса, должен быть абсолютно позиционирован со слоем с высоким z.

function create_modal(doc_id,css_class,append_to)
{
if(typeof append_to==='undefined'){append_to='content';}
var container=document.getElementById(append_to);
if(!container){return false;}
var modal_box=document.createElement('div');
container.appendChild(modal_box);
modal_box.id=doc_id;
modal_box.className=css_class;
return modal_box;
}

var modal_window=create_modal('modal_id','a_css_class');
if(!modal_window){return false;}
modal_window.innerHTML=function_or_var_providing_html();

так что все просто и красиво, без плагинов 10 или 15 k!

Answer 6

Вы можете использовать radWindow от Telerik, плагин jQuery UI Dialog, такой как tvanfosson, или вы можете взглянуть на

http://vision-media.ca/resources/jquery/jquery-popup-plugin-review котором рассматриваются некоторые плагины jQuery для всплывающих окон.

Имея только опыт работы с radWindow, я могу вам сказать, что с radWindow вам, возможно, придется использовать некоторые хаки и загибы, чтобы заставить его работать должным образом, но результат будет хорошим, если вы потратите на это достаточно времени.