32. Группы элементов управления asp.Net. Серверные элементы управления html. Установка атрибутов и свойств. События элементов управления и их обработка.

Серверные элементы управления ASP.NET - часть архитектуры ASP.NET. Серверные элементы управления представляют собой классы в среде .NET Framework, представляющие визуальные элементы веб-формы. Некоторые из этих классов являются относительно простыми и отображаются на определенные HTML-дескрипторы. Другие элементы управления намного более абстрактны и реализуют более сложное представление нескольких элементов HTML.

• Серверные элементы управления HTML - классы, в которых содержатся стандартные HTML-элементы.

• Веб-элементы управления - классы дублируют функции базовых HTML-элементов, но обладают более согласованным и значащим набором свойств и методов, которые упрощают их объявление и доступ к ним.

• Многофункциональные элементы управления - могут генерировать большой объем HTML-разметки и даже клиентский JavaScript-код для создания интерфейса. Например: Calendar, AdRotator и TreeView.

• Элементы управления проверкой достоверности – проверяют достоверность связанного элемента управления ввода на предмет соблюдения нескольких стандартных или пользовательских правил.

• Элементы управления навигацией - отображения карт сайта и позволяют пользователю перемещаться с одной страницы на другую.

• Элементы управления входом в систему

• Элементы управления Web Parts - поддерживает Web Parts — модель ASP NET для построения компонентных, легко конфигурируемых веб-порталов.

• Элементы управления ASP.NET AJAX

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

• Элементы управления ASP.NET Dynamic Data - компонент ASP.NET Dynamic Data, который позволяет создавать управляемые данными веб-сайты за счет построения гибких шаблонов, а не написания утомительного кода.

Серверные элементы управления HTML - это классы, в которых содержатся стандартные HTML-элементы. За исключением атрибута runat="server" объявление серверных элементов управления HTML ничем не отличается от объявления других элементов управления.

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

• Элементом управления можно манипулировать в коде, так как они становятся одним из членов класса страницы.

Html control: <input type=“text” id=“firstName”/>

Html server control: <input type=“text” id=“firstName” runat=“server” />

Установка атрибутов и свойств:

protected void Page_Load(object sender, EventArgs e)

{

// Выполнить инициализацию, только если страница запрашивается впервые.

// После этого данная информация отслеживается в состоянии представления

if (!IsPostBack)

{

// Установить атрибуты стиля для настройки внешнего вида страницы

TextBox1.Style["font-size"] = "20px";

TextBox1.Style["color"] = "red";

// Использовать немного отличающийся, но эквивалентный

// синтаксис для установки атрибута стиля

TextBox1.Style.Add("background-color", "lightyellow");

// Установить текст, отображаемый по умолчанию

TextBox1.Value = "<Вставьте ваш e-mail>";

// Установить другие нестандартные атрибуты.

TextBox1.Attributes["onfocus"] = "alert(TextBox1.value);";

}

}

Если запросить эту страницу, для текстового поля возвращается следующий HTML-код:

<input name="TextBox1" type="text" id="TextBox1"

style="font-size:20px;color:red;background-color:lightyellow;" value="<Вставьте ваш e-mail>"

onfocus="alert(TextBox1.value);" />

События элементов управления и их обработка: onServerClick и onServerChange – два серверных события, которые доступны почти для всех элементов

<input type="text" runat="server" ID="someText" size="10" OnServerChange=“someTxtChange" />

<input type="button" runat="server" ID="someButt" OnServerClick="someButtClick" />