он соответствует способу, которым работает ASP.NET.
После нажатия на кнопку и появления текста проверьте снова исходный код HTML (пробелы добавлены для ясности)
<form name='ctrl1' method='post' асtion='WebForm1.aspx' id='ctrl1'>
<input type='hidden' name='_VIEWSTATE'
value='dDwtMzQ3NzI5OTM4O3Q802w8MTwxPjs+ O2wbdDw7bDwxPDE+Oz47bDx0 PHA8cDxsPFR1eHQ7PjtsPEJ1dHRvbiBjbGlj a2VkITs+Pjs+Ozs+Oz4+Oz4+Oz6TChBE9Yvrgb7dL38o2VsGzc/RgA==' />
<span id='resultLabel'>Button clicked</span>
<br>
<input type='submit' name='triggerButton' value='Click Me' id='triggerButton' />
</form>
В этот раз значение VIEWSTATE
содержит больше информации, так как результат HTML опирается не только на используемый по умолчанию вывод страницы ASP NET. В сложных формах это может быть на самом деле очень длинная строка, но мы не должны выражать недовольства, так как очень много было сделано для нас 'за сценой'.
Палитра элементов управления
В этом разделе мы кратко рассмотрим доступные элементы управления, прежде чем соберем их вместе в большом и более интересном приложении. Этот раздел поделен на элементы управления сервера Web и элементы управления проверкой достоверности. Обратите внимание, что в описаниях элементов упрaвлeния ссылка идет на 'свойства', во всех случаях соответствующий атрибут для использования в коде ASP.NET называется идентично. Здесь представлены только наиболее часто используемые свойства.
Все элементы управления сервера Web наследуются из класса System.Web.UI.WebControls.WebControl
, который, в свою очередь, наследуется из класса System.Web.UI.Control
. В связи с этим они обладают многими общими свойствами и событиями, которые при необходимости можно использовать. Их достаточно много, поэтому не все они будут здесь показано, также как и свойства, и события самих элементов управления сервера Web.
Многие из часто используемых унаследованных свойств имеют дело со стилем вывода изображения с помощью таких свойств, как ForeColor
, Backcolor
, Font
и т. д. Но можно прибегнуть также к помощи классов CSS (каскадных таблиц стилей), задавая для строкового свойства CssClass
имя класса CSS в отдельном файле. Другими примечательными свойствами являются Width
и Height
для размера элемента управления, AccessKey
и TabIndex
для облегчения взаимодействия пользователя, и Enabled
для определения того, что функциональность элемента управления обеспечивается в форме Web.
Из событий мы, наверно, чаще всего будем использовать унаследованное событие Event
для выполнения инициализации элемента управления, и PreRender
для выполнения последних модификаций перед тем, как 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 |