Лабораторная работа 5.1 Обработка событий на сервере

Серверные событийные процедуры ASP.NET 2.0, свойство AutoPostBack

Задание:

Создайте приложение  ASP.NET на основе шаблона ASP.NET WebApplication в каталоге C:\Labs\Lab05_01_RadioButtons.

Создайте в этом приложении Web-форму, аналогичную представленной на рис. 5-1.

При этом:

·        при выборе переключателя должна меняться надпись внизу ("Первый", "Второй", Третий") в зависимости от того, какой переключатель установлен;

·        обработка событий должна производиться на сервере.

Рис. 5-1. Обработка событий на сервере

Решение:

1. Создайте в Visual Studio.NET 2005 новый Web-сайт на основе шаблона ASP.NET Web Application. При создании в поле Location введите C:\Labs\Lab05_01_RadioButtons. После создания приложения форма Default.aspx откроется в окне дизайнера автоматически.

2. Поместите на эту форму три элемента управления RadioButton. Убедитесь, что значения свойства ID у них - RadioButton1, RadioButton2 и RadioButton3, и измените значение свойства Text для каждого из них на "Первый", "Второй" и "Третий" соответственно.

3. Для всех переключателей установите одинаковое значение свойства GroupName (например, Radio1).

4. Под переключателями поместите элемент управления Label. Значение свойства ID для него поменяйте на lblRadio, а значение свойства Text удалите (сделайте его пустым).

5. Щелкните правой кнопкой мыши по объекту формы Default.aspx в окне Solution Explorer и в контекстном меню выберите View Code. Откроется редактор кода с загруженным файлом Default.aspx.vb.

6. В списке объектов в верхнем левом углу редактора кода выберите RadioButton1, а в списке событий слева от него - CheckedChanged. Будет автоматически создана событийная процедура на изменение состояния первого переключателя. Добавьте в нее следующий код:

If RadioButton1.Checked = True Then

            lblRadio.Text = "Первый"

        ElseIf RadioButton2.Checked = True Then

            lblRadio.Text = "Второй"

        ElseIf RadioButton3.Checked = True Then

            lblRadio.Text = "Третий"

End If

Создайте событийные процедуры с аналогичным кодом для других переключателей.

(Примечание: Событийные процедуры нужно создавать вручную, а потом уже копировать в них код. Простое копирование всей процедуры и затем изменение ее имени не поможет).

Итоговый код всех трех процедур может быть таким:

Private Sub RadioButton1_CheckedChanged(ByVal sender As Object, ByVal e As _ System.EventArgs) Handles RadioButton1.CheckedChanged

        If RadioButton1.Checked = True Then

            lblRadio.Text = "Первый"

        ElseIf RadioButton2.Checked = True Then

            lblRadio.Text = "Второй"

        ElseIf RadioButton3.Checked = True Then

            lblRadio.Text = "Третий"

        End If

    End Sub

    Private Sub RadioButton2_CheckedChanged(ByVal sender As Object, ByVal e As _ System.EventArgs) Handles RadioButton1.CheckedChanged

        If RadioButton1.Checked = True Then

            lblRadio.Text = "Первый"

        ElseIf RadioButton2.Checked = True Then

            lblRadio.Text = "Второй"

        ElseIf RadioButton3.Checked = True Then

            lblRadio.Text = "Третий"

        End If

    End Sub

    Private Sub RadioButton3_CheckedChanged(ByVal sender As Object, ByVal e As_

 System.EventArgs) Handles RadioButton1.CheckedChanged

        If RadioButton1.Checked = True Then

            lblRadio.Text = "Первый"

        ElseIf RadioButton2.Checked = True Then

            lblRadio.Text = "Второй"

        ElseIf RadioButton3.Checked = True Then

            lblRadio.Text = "Третий"

        End If

    End Sub

Нажмите на кнопку F5 и проверьте, как работает ваше приложение. Никакой надписи внизу при выборе переключателя выводиться не должно. Закройте окно Internet Explorer.

7. Вернитесь в окно дизайнера формы и установите для каждого из переключателей значение свойства AutoPostBack в True. Еще раз нажмите на кнопку F5. Теперь форма должна работать нормально.

Получить учебные материалы по этому курсу