logo
[ПСП] / lab22

Создание элементов управления WebForm

При создании проекта на основе шаблона Web Application в нашем распоряжении всегда есть набор элементов управления WebForm. Для того чтобы ими воспользо­ваться, достаточно перейти на соответствующую вкладку в Toolbox (рис. 14.37).

Рис. 14.37. Набор элементов управления WebForm

Настройку параметров каждого из элементов управления WebForm можно про­изводить при помощи обычного окна свойств в IDE Visual Studio.NET. Эти эле­менты управления очень похожи на элементы управления Windows Forms, и поэто­му проблем с настройкой подавляющего большинства свойств у нас не будет. Например, для текстового поля в нашем распоряжении набор свойств, представ­ленный на рис. 14.38.

При внесении изменений через окно свойств для элемента управления все измене­ния сразу же записываются напрямую в файл *.aspx. Например, если для нашего тек­стового поля txtEMai1 мы изменим значения свойств BorderStyle, BorderWidth, BackCol or, BorderColor и ToolTip, в теге <asp: textbox> появятся новые пары имя — значение:

Рис. 14.38. Набор свойств для текстового поля

А вот как выглядит итоговый результат в виде кода HTML, который вернется пользователю:

<input name="txtEMai" type="text" value="fdfdf" id="txtEMail" title="Enter your e-mail here..." style="background-color:PaleGreen:border-color:Dark0liveGreen:border-width:5px:border-style:Ridge:" />

Давайте разберемся с синтаксисом записей для элементов управления WebForm в файле *.aspx. Для каждого элемента управления используется синтаксис, очень напоминающий формат XML. Открывающим тегом всегда будет <asp: тип_эле-мента_управления runat="server">, а закрывающим — </asp: тип_элемента_управления>. Вот два примера таких тегов:

<asp:TextBox id=TextBoxl style="Z-INOEX: 101: LEFT: 27px; POSITION: absolute: TOP: 30px" runat="server"> </asp:TextBox>

<asp:Button id=Buttonl style="Z-INDEX: 102: LEFT: 26px: POSITION: absolute: TOP: 66px" runat="server" DESIGNTIMEDRAGDR0P="21" Text="Button"> </asp:Button>

Атрибут runat="server" означает, что это — элемент управления WebForm, пред­назначенный для выполнения на сервере. Прежде чем его код отправится к клиен­ту, он будет преобразован средой выполнения ASP.NET в привычный код HTML.

В файле С#, который указан в атрибуте Codebehind, код также изменился. В нем появились новые объекты, представляющие элементы управления. Имена этих объектов совпадают с идентификаторами элементов в тегах файла *.aspx:

public class WebForml : System.Web.UI.Page

{

protected System.Web.Ul.WebControls.Button btnSubmit; protected System.Web.UI.WebControls.CheckBox ckBoxNewsLetter:

protected System.Web.Ul.WebControls.TextBox txtEMail:

protected System.Web.Ul.WebControls.TextBox txtLNariie; protected System.Web.UI.WebControls.TextBox txtFName:

…

}

Конечно же, мы можем программным образом работать с этими объектами при­вычными способами С#.