Присоединение календаря к текстовому полю

На любом сайте, который предлагает забронировать номер в гостинице, заказать билеты на самолет, взять машину напрокат, одним словом, везде, где пользователь оформляет бронирование, необходимо предоставить ему возможность ввести дату (дату прибытия и убытия для гостиницы или дату вылета при покупке билета на самолет). Для удобства на большинстве этих веб?сайтов пользователю предоставляется календарь в том или ином виде, в котором он может выбрать требуемую дату. Реализовать календарь на своем веб-сайте можно с помощью UpdatePanel и элемента управления ASP.NET – Calendar, однако гораздо удобнее использовать компонент CalendarExtender из пакета ASP.NET AJAX Control Toolkit; к тому же он обладает некоторыми дополнительными возможностями, такими как локализация. Как следует из имени компонента CalendarExtender, он является расширителем, поэтому он должен подключаться к некоторому основному элементу управления (обычно к текстовому полю ввода). Взгляните на пример 12.5 и увидите, как немного требуется, чтобы воспроизвести эффект, показанный на рис. 12.6. Когда пользователь щелкает на текстовом поле ввода, появляется календарь. Если пользователь выбирает дату, она автоматически вводится в текстовое поле.


Когда поле ввода теряет фокус, календарь исчезает.

Пример 12.5. Использование CalendarExtender
Calendar.aspx
<%@ Page Language="C#" %>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1?transitional.dtd">
ASP.NET AJAX

(body)
(asp:ScriptManager ID="ScriptManager1" runat="server" /)

(asp:TextBox ID="TextBox1" runat="server" /)

(ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server"
TargetControlID="TextBox1" /)

(/body)


Оцените статью: (0 голосов)
0 5 0

Статьи из раздела ASP.NET AJAX на эту тему:
Борьба со спамом в блогах и других формах ввода информации
Динамическая свертка единственной панели
Добавление функции автодополнения к элементу управления TextBox
Отображение всплывающего окна на странице
Создание интерфейса с вкладками