Модальное всплывающее окно Asp.Net

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

Во-первых, я колебался между использованием ASp.Net ModalPopupExtender и использованием jQuery для отображения модального всплывающего окна. Я предпочитаю jQuery, но боюсь несовместимости. С другой стороны, когда я использовал Modal Popup Extenders в прошлом, я нашел код немного запутанным. Материалы Microsoft хорошо работают, когда они делают то, что, по их мнению, вы должны делать, но в большинстве случаев требования, которые я получаю, относятся к сценариям, которые отличаются, для которых элементы управления Microsoft не работают из коробки.

Во-вторых, я колеблюсь между загрузкой частичного html и использованием iFrame в модальном всплывающем окне. Я бы предпочел избегать использования iFrame, так как это немного сложнее, чем управлять модальным всплывающим окном и делать такие вещи, как закрытие модального всплывающего окна нажатием кнопки в iFrame (я знаю способы сделать это, но мне они кажутся немного неуклюжими). Однако я не знаю, как представить последовательность страниц контента в модальном всплывающем окне, как показано в примере ниже, без использования iFrame. Можно ли это сделать?

Во-первых, есть главная страница со ссылкой на открытие модального всплывающего окна: Main Page Всплывающее окно, отображается некоторая информация, и можно закрыть всплывающее окно или начать некоторую обработку: Modal Pop  -Up 1 Затем во время обработки в модальном всплывающем окне отображается сообщение «Подождите»: Modal Pop-Up  2 После завершения обработки сводка результатов отображается во всплывающем окне. На этом этапе можно либо щелкнуть ссылку, чтобы увидеть более подробную информацию, либо нажать кнопку, чтобы закрыть модальное всплывающее окно: Modal Pop-Up 3 Если пользователь щелкает ссылку, чтобы просмотреть подробности, они отображаются в модальном всплывающем окне. Размер всплывающего окна необходимо изменить: Modal Pop-Up 4


person Jean-François Beauchamp    schedule 19.01.2013    source источник


Ответы (2)


здесь приведены некоторые всплывающие плагины jquery, которые вы можете использовать.

person Ankit    schedule 19.01.2013
comment
Я знаю, как открыть модальное всплывающее окно jQuery. Моя проблема больше в том, как обновить только часть страницы внутри модального всплывающего окна. Допустим, у меня есть форма в модальном всплывающем окне, и отправка формы не просто закрывает модальный режим, но отображает некоторые результаты с возможностью закрыть модальный режим или щелкнуть ссылки, чтобы увидеть дополнительную информацию в модальном окне. Кроме того, я хотел бы, чтобы проверка правильно работала в форме. - person Jean-François Beauchamp; 19.01.2013
comment
примените один и тот же всплывающий CSS ко всем формам, которые вам нужны, и покажите/скройте их в соответствии с вашими потребностями. я сделал это в одном из моих проектов. - person Ankit; 19.01.2013
comment
Использовали ли вы полное обновление страницы, частичное обновление страницы с помощью UpdatePanels или iFrames, куда загружалось содержимое ваших модальных всплывающих окон? - person Jean-François Beauchamp; 22.01.2013
comment
вы можете делать все, что вам нужно, я разместил несколько div на одной странице и поменял их видимость с помощью jquery. Я использовал частичное обновление страницы. iFrames не задействованы. Панели обновления также не требуются, потому что jquery делает все. - person Ankit; 22.01.2013

В итоге я использовал iFrame, но я считаю, что решение Ankit тоже сработает. Нужно взвесить все за и против каждого решения для своего конкретного проекта, чтобы выбрать правильное решение.

person Jean-François Beauchamp    schedule 31.01.2013