Есть ли способ затемнить веб-страницу, когда виден подробный элемент управления?

Question

Мне знакомы сайты, на которых при появлении окна сообщения яркость веб-страницы уменьшается, чтобы сфокусироваться на конкретном сообщении. Я создаю сайт с помощью Microsoft Web Developer 2010. Сайт ASP.net. У меня есть элемент управления DetailsView для редактирования записей, и я хотел бы, чтобы он отображался в центре экрана, поверх всего остального, при этом все остальное затемнено, пока оно не закроется. Спасибо за вашу помощь!

Answer 1

Вы можете использовать модальный всплывающий элемент управления из ajax и поместить свой элемент управления DetailsView во всплывающее окно.

Посмотрите рабочий пример модального всплывающего окна здесь http://www.asp.net/web-forms/overview/ajax-control-toolkit/modalpopup/launching-a-modal-popup-window-from-server-code-cs

Посмотрите наэтот пример реализации с использованием DetailsView & Modal Popup Control

Answer 2

Мой любимый способ сделать это - позволить работе jQuery, поместив соответствующий код в диалоговое окно jQueryUI .

Вам также понадобится этот ответ , чтобы убедиться, что jQuery не перемещает ваши элементы управления за пределы тега FORM (и, таким образом, делает их невидимыми для ViewState).