Практическое руководство. Форматирование серверного веб-элемента управления "Календарь" с помощью стилей

Обновлен: Ноябрь 2007

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

Примечание.
Стили в полном объеме поддерживаются не во всех обозревателях.

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

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

Элемент календаря	Описание
DayStyle	Дни текущего месяца. Выходные, текущая дата, а также выбранный день могут иметь разные стили (см. ниже).
DayHeaderStyle	Строка над календарем, в которой выводятся названия дней.
NextPrevStyle	Разделы, расположенные слева и справа от строки заголовка, в которых находятся кнопки перемещения по месяцам LinkButtons.
OtherMonthDayStyle	Дни предыдущего и следующего месяца, которые выводятся в представлении текущего месяца.
SelectedDayStyle	День, выбранный пользователем.
SelectorStyle	Столбец слева, содержащий ссылки для выбора недели или всего месяца.
TitleStyle	Строка заголовка вверху календаря, содержащая название месяца и навигационные ссылки. Если установлено NextPrevStyle, это переопределяет противоположные концы строки заголовка.
TodayDayStyle	Сегодняшняя дата.
WeekendDayStyle	Выходные.

Задание стилей элементов календаря

1. Введите элемент стиля, например элемент <DayStyle> или <TitleStyle>, в страницу в качестве дочернего для элемента управления Calendar. Синтаксис см. в разделе Серверный веб-элемент управления «Календарь».

2. Задайте свойства (атрибуты) этого элемента стиля, например BackColor или BorderWidth.

   Ниже приведено объявление элемента управления «Календарь» с элементом DayStyle:

   <asp:Calendar id="Calendar1" runat="server">
      <DayStyle BackColor="#FF8080" 
         BorderWidth="2"
         BorderStyle="Groove">
      </DayStyle>
   </asp:Calendar>
   

Также можно задать элементы стиля во время выполнения в коде.

Задание стилей элементов календаря программным способом

• Задайте свойства отдельных элементов стиля с помощью следующего синтаксиса:

  Calendar1.StyleName.Property = setting
  

  В приведенных далее примерах показаны некоторые типичные параметры стиля для элемента управления Calendar:

  Calendar1.DayStyle.Font.Size = New FontUnit(10)
  Calendar1.TitleStyle.ForeColor = System.Drawing.Color.Red
  

  Calendar1.DayStyle.Font.Size = new FontUnit(10);
  Calendar1.TitleStyle.ForeColor = System.Drawing.Color.Red;
  

  Примечание.
  Сведения о свойствах параметров см. в разделе Установка свойств серверных элементов управления ASP.NET.

См. также

Основные понятия

Общие сведения о серверном веб-элементе управления Calendar