Проф. В.К.Толстых, www.tolstykh.com Технологии разработки Internet- приложений ASP.NET приложения – элементы управления HTML Из цикла лекций «Технологии. - презентация

1 проф. В.К.Толстых, Технологии разработки Internet- приложений ASP.NET приложения – элементы управления HTML Из цикла лекций «Технологии разработки Internet-приложений» для студентов 4-го курса кафедры Компьютерных технологий физического факультета Донецкого национального университета

2 Серверные элементы управления HTML Серверные элементы управления HTML похожи на теги HTML и отличаются от последних только наличием атрибута runat=server. Все они являются наследниками класса HtmlControl, который в свою очередь является наследником Control. Класс HtmlControl определён в пространстве имён System.Web.UI.HtmlControls У элемента управления HTML имеется набор свойств и методов, детально отражающих синтаксис HTML. Имя экземпляра серверного элемента HTML определяется значением атрибута id, а значение серверного элемента ввода – это Value. Свойства совпадают с атрибутами соответствующего тега, простые свойства – InnerText, InnerHtml, Style, Value, Attributes, Disabled, TagName Не всем тегам сопоставимы элементы типа HtmlControl. Неизвестным для ASP.NET тегам ставится в соответ- ствие экземпляр класса из пространства System.UI.GenericControl (универсальный элемент управления) Пример. Серверный HTML-тег: Работать с ним можно как: void Page_Load (object sender, Eventargs e) { myName.Value = Текст } После рендеринга этой части кода средой ASP.NET будет получен HTML-код

3 Иерархия элементов управления HTML HtmlControl HtmlInputControlHtmlContainerControlHtmlImage HtmlInputButton HtmlInputCheckBox HtmlInputFile HtmlInputImage HtmlInputHidden HtmlInputRadioButton HtmlInputText HtmlInputReset HtmlInputSubmit HtmlInputPassword HtmlAncor HtmlForm HtmlSelect HtmlButton HtmlTable HtmlTableRow HtmlTableCell HtmlTextArea HtmlGenericControl HtmlHead HtmlLink HtmlTitle

4 Работа с атрибутами HTML Пример Установка атрибутов тега : function Init() { alert(Hello); } Void Page_Load(object sender, EventArg e) { theBody. Attributes [onload] = Init(); } Результирующий HTML-код: function Init() { alert(Hello); } Добавление атрибута для тега body в виде события onload

5 Основные события элементов управления HTML onserverclick – возврат формы и выполнение соответствующего скрипта на сервере. Пример : Выполнить на сервере Атрибутом onclick определяется клиентский обработчик, а атрибутом onserverclick – серверный обработчик (элемента управления HTML), код которого будет выполнен после возврата на сервер текущей формы. Приложение Приложение с HTMLControls СлайдыСлайды примера приложения с HTMLControls