Учебный курс ASP.NET

Сайт создан по материалам книги Г. Бучека "Учебный курс по ASP.NET". Москва: BHV, 2002.

Создатель сайта-выпускник курсов web-дизайнеров Сафоновского Колледжа Информационных Технологий Максим Котликов

Структура ASP.NET-страницы
Label и TextBox
Button
Image
Calendar
Panel
Validation

Calendar

Calendar — это один из лучших элементов управления, доступных ASP.NET-разработчикам. Определив единственный элемент управления, можно создать и предоставить в распоряжение посетителей полноценный календарь, где они смогут изменять месяцы и дни. Выбор даты посетителем является событием, при наступлении которого выполняется соответствующий код.

Элементы управления Calendar и Label

Рассмотрим код:
<asp:Calendar
id="calDateToUse"
runat="server"
BackColor="lvory"
CellPadding="3"
CellSpacing="3"
DayNameFormat="Short"
FirstDayOfWeek="Default"
NextPrevFormat»="FullMonth"
SelectionMode="Day"
ShowDayHeader="True"
ShowGridLines="False"
ShowNextPrevMonth»"Тruе"
ShowTitle="True"
TitleFormat="MonthYear"
TodayDayStyle-Font-Bold="True"
DayHeaderStyle-Font-Bold="True"
OtherMonthDayStyle-ForeColor="gray"
TitleStyle-BaclcColor="#3366ff"
TitleStyle-ForeColor="white"
TitleStyle-Font-Bold="True"
SelectedDayStyle-BackColor="#ffcc66"
SelectedDayStyle-Font-Bold="True"
Font-Name="Tahoma"
Font-Size="14"
OnSelectionChanged="calSelectChange"
/>

Код начинается с определения элемента управления Calendar:

Затем элементу присваивается имя:

Обработка должна производиться на стороне сервера:

Следующий шаг — выбор фонового цвета для строк с названиями дней недели и датами:

Отрегулируем интервалы между датами:

Употребляться будут сокращенные версии названий дней недели:

Для задания первого дня недели (воскресенье или понедельник) используем установки системы:

Далее сообщаем компилятору, что надлежит отображать полные названия предыдущего и последующего месяцев:

и что объектом выбора посетителей должны быть дни (а не недели):

Зададим отображение названий дней недели:

а также отменим вывод линий сетки между датами:

Задаем отображение названий предыдущего и последующего месяцев

с заголовком календаря между ними

в формате месяц/год

Удобно, если выбранная дата выделяется на общем фоне. В качестве средства выделения определим полужирный шрифт:

Особый цвет целесообразно установить для дней, которые отображаются в области текущего месяца, но относятся к предыдущему или следующему месяцу:

Особый стиль должны иметь заголовки:

и выбранная дата:

Наконец, надлежит указать имя и размер шрифта, используемого при создании календаря:

Впоследствии можно определить код, который должен выполняться при выборе даты посетителем. Пока укажем его имя:

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

В завершение необходимо определить блок кода, имя которого присвоено в качестве значения свойству OnSelectionChanged. Выбранная посетителем дата помещается в элемент управления Label.