Html Input Text и серверный элемент управления Web TextBox. Серверные элементы управления HTML обладают методами и свойствами, похожими на методы и свойства серверных элементов управления Web, поскольку доступ к ним может быть осуществлен из кода JavaScript на клиентской HTML-странице. Какой вы выберете элемент управления для работы - зависит от ваших предпочтений. Однако благодаря серверным элементам управления Web, вы откроете для себя гораздо более сложные элементы управления, такие как Calendar, DataGrid и Wizard.

Серверные элементы управления

В табл. 19.2 перечислены наиболее важные серверные элементы управления Web, доступные в ASRNET, а также код HTML, который они возвращают.

Таблица 19.2. Важные серверные элементы управления Web

Обработчики событий

Серверные элементы управления Web могут включать обработчики событий, вызов которых производится на стороне сервера. Элемент управления Button может включать событие Click; элемент управления DropDownList предлагает событие SelectedlndexChanged, а элемент управления TextBox - событие TextChanged.

События на сервере возникают только в том случае, если возникает обратная отправка. Если в текстовом окне происходит изменение значения, событие TextChanged не возникает немедленно вслед за этим изменением; оно инициируется только тогда, когда произойдет отправка формы на сервер, а это возможно лишь после нажатия кнопки Submit (Отправить). Прежде чем вызывать обработчик события, исполняющая среда ASP.NET проверяет, изменилось ли состояние элемента управления. Например, если в элементе управления DropDownList был выбран другой пункт, возникнет событие SelectedlndexChanged; другой пример - событие TextChanged возникает в том случае, если произошло изменение значения в текстовом окне.

Если необходимОу чтобы событие изменения было немедленно отправлено на сервер (например, в случае изменения выбранного пункта в элементе управления DropDownList), можете присвоить свойству AutoPostback значение true. Таким образом, код JavaScript на стороне клиента используется для немедленной отправки данных формы на сервер. Естественно, вследствие этого возрастает объем сетевого трафика, поэтому данное средство следует применять с осторожностью.

П1щгичвскоеааштие Отображение данных, введенных

пользователем

1. в Visual Studio откройте созданное ранее Web-приложение EventRegistration Web.

2. Чтобы отобразить введенные пользователем данные для регистрации события, добавьте метку labelResult на Web-страницу Def ault. aspx.

3. Дважды щелкните на кнопке Submit (Отправить), чтобы добавить обработчик события Click к этой кнопке. В файл Default. aspx. cs добавьте следующий код для обработчика события:

public partial class Default {

protected void buttonSubmit Click(object sender, EventArgs e) {

string selectedEvent = dropDownListEvents .SelectedValue; string firstName = textFirstName.Text; string lastName = textLastName.Text; string email = textRmail.Text;

labelResult.Text = String.Format( {0} {1) selected the event {2} ,firstName, lastName, selectedEvent);

4. Запустите Web-страницу в Visual Studio. После того как вы введете данные и щелкнете на кнопке Submit, в новой метке на этой же странице будут отображены данные, которые ввел пользователь.

Описание полученных результатов

При двойном щелчке на кнопке Submit происходит добавление атрибута Onclick в элемент <asp: Button> в файле Default. aspx:

<asp:Button ID= buttonSubmit runat= server Text= Submit OnClick= buttonSubmit Click />

Для серверного элемента управления Web OnClick определяет событие Click на стороне сервера, которое будет вызвано при щелчке на кнопке.

Внутри реализации метода buttonSubmitClick () значения элементов управления можно прочитать благодаря свойствам. dropDownListEvents - это переменная,

Проверка старых значений на основе новых значений в элементе управления производится посредством поля ViewState - скрытого поля, которое посылается браузеру вместе с содержимым страницы. При отправке страницы клиенту это поле будет содержать те же значения, что и значения в элементах управления на форме. При обратной отправке на сервер поле ViewState посылается вместе с новыми значениями элементов управления. Таким образом, его можно проверить и узнать, были ли изменены значения, и по результатам проверки вызвать обработчик события.

До настоящего момента наше приложение посылало клиенту только простую страницу. Теперь мы постараемся выяснить, что можно сделать с данными, которые вводит пользователь. В нашем первом примере данные, введенные пользователем, отображаются сначала на той же странице, после чего для отображения открывается другая страница. В следующем упражнении вы научитесь отображать данные, введенные пользователем.