Он соединяется с кнопкой с помощью кода, добавляемого в

:

Изменим код в

следующим образом:

Теперь мы готовы к запуску приложения. Строим приложение в VS обычным образом, все файлы будут откомпилированы и/или помещены на сервер Web готовыми к использованию. Чтобы протестировать приложение Web, можно либо запустить приложение (что предоставит весь набор средств отладки VS), либо просто направить браузер на адрес

. В любом случае можно будет увидеть кнопку Click Me на странице Web. До нажатия кнопки посмотрим на код, полученный браузером, с помощью View|Source (в IE). Раздел должен выглядеть примерно следующим образом:

Элементы управления сервера Web сгенерировали правильный код HTML —

и для и , соответственно. Также существует поле с именем . Оно инкапсулирует состояние формы, как это упоминалось ранее. Эта информация используется, когда форма посылается назад на сервер для воссоздания UI, отслеживания изменений и т.д. Отметим, что для этого был сконфигурирован элемент , он будет отправлять данные назад в (определенное в ) с помощью операции HTTP POST (определенной в ). Ему было также присвоено имя . Если посмотреть на HTML, сгенерированный более сложными формами Web, то можно увидеть, что это обычный тип присваивания и он соответствует способу, которым работает ASP.NET.

После нажатия на кнопку и появления текста проверьте снова исходный код HTML (пробелы добавлены для ясности)

В этот раз значение

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

В этом разделе мы кратко рассмотрим доступные элементы управления, прежде чем соберем их вместе в большом и более интересном приложении. Этот раздел поделен на элементы управления сервера Web и элементы управления проверкой достоверности. Обратите внимание, что в описаниях элементов упрaвлeния ссылка идет на "свойства", во всех случаях соответствующий атрибут для использования в коде ASP.NET называется идентично. Здесь представлены только наиболее часто используемые свойства.

Все элементы управления сервера Web наследуются из класса

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

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

, , и т. д. Но можно прибегнуть также к помощи классов CSS (каскадных таблиц стилей), задавая для строкового свойства имя класса CSS в отдельном файле. Другими примечательными свойствами являются и для размера элемента управления, и для облегчения взаимодействия пользователя, и для определения того, что функциональность элемента управления обеспечивается в форме Web.

Из событий мы, наверно, чаще всего будем использовать унаследованное событие

для выполнения инициализации элемента управления, и для выполнения последних модификаций перед тем, как HTML выведет элемент управления.

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

Элемент управления	Описание
Label	Простой вывод текста, использует свойство Text для задания и программного изменения изображаемого текста.
TextBox	Предоставляет текстовое окно, которое пользователи могут редактировать. Использует свойство Text для доступа к введенным данным и событие TextChanged для действия на изменениях при обратной отправке. Если требуется автоматическая обратная отправка (в противоположность использованию кнопки и т.д.), задайте свойство AutoPostBack как true.
DropDownList	Позволяет пользователю выбрать один вариант из списка выбора либо непосредственно из списка, либо вводя первую букву или две. Использует свойство Items для задания списка позиций (это класс ListItemCollection , содержащий объекты ListItem ) и свойства SelectedItem и SelectedIndex для определения того, что выбрано. Событие SelectedIndexChanged может использоваться для выяснения, изменился ли выбор, и этот элемент управления имеет также свойство AutoPostBack , чтобы это изменение выбора включало операцию обратной пересылки.
ListBox	Позволяет пользователю выбрать один или несколько элементов из списка. Задайте SelectionMode как Multiple или Single , чтобы определить, сколько элементов можно выбрать одновременно, и Rows , чтобы определить, сколько элементов показывать. Другие свойства и события такие же, как и у DropDownList .
Image	Выводит изображение. Используйте ImageUrl для ссылки на изображение, и AlternateText для вывода текста, если изображение не может загрузиться.
AdRotator	Выводит несколько изображений по очереди с выводом различных изображений после каждого обращения к серверу. Используйте свойство AdvertisementFile для определения файла XML, описывающего возможные изображения (подробности можно найти в MSDN) и событие ADCreated для выполнения обработки, прежде чем каждое изображение посылается назад. Можно также использовать свойство Target для указания открываемого окна, когда происходит щелчок мышью на изображении.
CheckBox	Выводит флажок, который может быть установлен или не установлен. Состояние хранится в логическом свойстве Checked , а текст, связанный с полем флажка — в свойстве Text . Свойство AutoPostBack может использоваться для инициирования автоматической обратной отправки, а событие CheckedChanged — для действия при изменениях.
CheckBoxList	Создает группу полей флажков. Свойства и события идентичны другим элементам управления списков, таким как DropDownList .
RadioButton	Выводит кнопку, которая может быть включена или выключена. Обычно они группируются, так что только одна кнопка в группе может быть активной, используйте свойство GroupName для соединения элементов управления RadioButton в группу. Другие свойства и события, как в элементе управления CheckBox .
RadioButtonList	Создает группу переключателей, где только одна кнопка в группе может быть выбрана в данный момент времени. Свойства и события — как в других элементах управления списками.
Calendar	Позволяет пользователю выбрать дату на графическом изображении календаря. Этот элемент управления имеет множество свойств, имеющих отношение к стилю, но основная функциональность может быть получена с помощью свойств SelectedDate и VisibleDate (типа System.DateTime ), чтобы получить доступ к дате, выбранной пользователем и месяцу для вывода (который всегда будет содержать VisibleDate ). Ключевым событием для привязки является SelectionChanged . Обратная отправка из этого элемента управления выполняется автоматически.
Button	Стандартная кнопка для нажатия пользователем. Использует свойство Text для текста и событие Click для ответа на нажатие (обратная отправка на сервер выполняется автоматически). Может также использовать событие Command для ответа на последовательные нажатия, что дает при получении доступ к дополнительным свойствам CommandName и CommandArgument .
LinkButton	Идентичен Button , но выводит кнопку как гиперссылку.
ImageButton	Выводит изображение, которое служит в качестве кнопки для нажатия. Свойства и события наследуются из Button и Image .
HyperLink	Гиперссылка HTML. Задает место назначения с помощью NavigateUrl и текст для вывода с помощью свойства Text . Может также использовать ImageUrl в качестве ссылки для определения изображения для вывода и Target для определения используемого окна браузера. Этот элемент управления не имеет нестандартных событий, поэтому используйте вместо него LinkButton , если потребовалась дополнительная обработка при следовании по ссылке.
Table	Определяет таблицу. Во время проектирования применяйте его в соединении с TableRow и TableCell или программным путем присваивайте строки с помощью свойства Rows , типа TableRowCollection . Это свойство можно также использовать для изменений во время выполнения. Этот элемент управления имеет несколько свойств для стилей, специфических для таблиц, таких же, как в TableRow и TableCell .
TableRow	Определяет строку внутри Table . Ключевым свойством является Cells , которое является классом TableCellCollection , содержащим объекты TableCell .
TableCell	Определяет отдельную ячейку внутри TableRow . Используйте свойство Text для задания текста для вывода, Wrap — для определения, нужно ли сворачивать текст, и RowSpan и ColumnSpan для определения, какую часть таблицы занимает ячейка.
Panel	Контейнер для других элементов управления. Можно использовать HorizontalAlign и Wrap для определения того, как организуется содержимое.
Repeater	Используется для вывода данных из запроса данных, предоставляя большую гибкость с помощью шаблонов. Мы подробно рассмотрим этот элемент управления позже в этой главе.
DataList	Аналогичен элементу управления Repeater , но имеет больше гибкости, когда необходимо организовать и отформатировать данные. Может, например, автоматически вывести таблицу, которую можно будет редактировать. Его мы также будем рассматривать позднее.
DataGrid	Аналогичен Repeater и DataList с несколькими дополнительными возможностями, такими, как сортировка. Подробнее будет рассмотрен позже.