Оконная функциональность в ASP.NET приложениях

Posted: Сентябрь 25, 2010 in .NET, ASP.NET

Desktop приложения удобно разрабатывать по ряду причин. Одна из них это «оконная функциональность». Под этим термином я подразумеваю вызов диалоговых окошек. Например у нас в базе есть таблица с сотрудниками и таблица с сим-картами. У нас есть отдельные страницы для редактирования справочников сотрудников и сим-карт. Теперь нам нужно выдать сотрудникам сим-карты. Для этого в редактировании записей о сотрудниках заводим выпадающий список с сим-картами. При выдаче сим-карт обнаруживаем, что у нас в справочнике сим-карт не хватает какого-то номера. Теперь нам надо перейти в справочник сим-карт, добавить номер, перейти в справочник сотрудников, выдать сотруднику вновь заведенный номер. Или же при выдаче сим-карт вызывать диалоговое окно, где можно завести номер, и тут же назначить его сотруднику. В веб-приложениях такая функциональность реализуется при помощи iframe. Задачу нам облегчит FancyBox. Визиткой jQuery стали красивые диалоговые окна с затемненным background, одним из которых является FancyBox. Подключаем его

<script type="text/javascript">
	$(document).ready(function() {
	$("#SimCardAdd").fancybox({
			'width': '75%',
			'height': '75%',
			'autoScale': false, 'transitionIn': 'none',
			'transitionOut': 'none',
			'type': 'iframe'
		});
	});
</script>

Теперь вставляем ссылку на страницу добавления сим-карты

<a href="/SimCardAdd.aspx" id="SimCardAdd">Добавить</a>

В результате получаем

Остается одно но, после закрытия диалогового окна нужно асинхронно обновить список номеров. Но пусть это останется маленьким упражнением для желающих.

Реклама

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s