Лекция: Серверные элементы управления HTML

Серверные элементы управления (СЭУ) HTML — элементы языка разметки гипертекста (HTML), которые включают runat = server атрибут.

По умолчанию HTML-элементы в файле ASP.NET рассматриваются как обычный текст, и на них нельзя ссылаться в коде на стороне сервера. Чтобы сделать эти элементы программно доступными, можно указать, что HTML-элемент должен рассматриваться как СЭУ. Для этого следует добавить атрибут runat=«server». Можно также задать атрибут id ЭУ, чтобы получить возможность программно ссылаться на ЭУ. Затем нужно установить атрибуты для объявления аргументов свойства и связи с событиями в экземплярах серверного элемента управления. Серверные HTML-элементы управления должны располагаться во внешнем теге form, имеющем атрибут runat=«server».

Преимущества:

Отображаются один к одному с их соответствующими HTML-тегами.

При компиляции приложения ASP.NET, СЭУ HTML компилируются в сборки.

Большинство ЭУ включают OnServerEvent для наиболее часто используемых событий. Например < input type = button > у события OnServerClick элемента управления.

По-прежнему можно использовать теги HTML, но они не реализованы как конкретные СЭУ HTML на стороне сервера; тем не менее они добавляются в сборку как HtmlGenericControl.

Базовый класс System.Web.UI.HtmlControls.HtmlControl содержит все общие свойства. Серверные элементы управления HTML являются производными от этого класса.

Пример кода HTML для кнопки на форме: <asp:Button ID=«Button1» runat=«server» Text=«Button» />

Здесь атрибут runat=«server» означает, что ЭУ, для которого использован такой атрибут, становится доступным из программного кода в файле codebehind, а на события этого элемента управления реагирует сервер. Если этот атрибут убрать, то ЭУ станет обычным элементом управления HTML.

Отличия СЭУ ASP.NET от обычных ЭУ HTML:

— в ответ на события СЭУ(например, на нажатие кнопки) срабатывает событийная процедура на сервере, в которой можно определить любой требуемый код. При этом работа с СЭУ основана на стандартной модели событий для этих элементов, что делает ее очень похожей на работу с ЭУ Windows: например, используются те же события Click, Load и т.п.;

— в коде HTML для СЭУ используется префикс пространства имен XML, который выглядит как asp. Например: <asp:TextBox ID=«TextBox1» runat=«server»></asp:TextBox>;

— для СЭУ обязательно сохраняется информация о состоянии. Отличия наглядно видны при обновлении страницы. Для СЭУ установленные пользователем значения по умолчанию сохранятся, а для обычных ЭУ HTML будут загружены исходные значения;

— СЭУ автоматически определяют тип и версию браузера и генерируют подходящий для него код. В резульате снижается потребность в тестировании и разработке разных версий страниц под разные версии браузеров.

Наиболее часто используемые СЭУ:

HtmlAnchor — гипер-ссылка

HtmlBotton — кнопка

HtmlForm — форма страницы

HtmlImage — графическое изображение

HtmlTable — элемент управления «Таблица»