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

Вывод:-

Из вывода вы можете четко видеть, что переключатель был добавлен в форму

флажок

Флажок используется для предоставления списка опций, в которых пользователь может выбрать несколько вариантов. Давайте посмотрим, как мы можем реализовать это на примере, показанном ниже. Мы добавим 2 флажка в наши веб-формы. Эти флажки предоставят пользователю возможность изучать C # или ASP.Net.

Шаг 1) Первый шаг — перетащить элемент управления флажком на веб-форму из панели инструментов, как показано ниже.

Шаг 2) После добавления флажков измените свойство id флажка на «chkASP».

• Перейдите в окно свойств, нажав на флажок флажок.
• Измените свойства идентификатора соответствующих элементов управления на «chkC» и «chkASP».

Также измените текстовое свойство элемента управления Checkbox на «C #». Сделайте то же самое для другого элемента управления Checkbox и измените его на «ASP.Net».

1. Измените свойство идентификатора флажка на «chkASP»

2. Измените свойство ID флажка на chkC

После внесения вышеуказанных изменений вы увидите следующий вывод

Вывод:-

Из вывода вы можете ясно видеть, что флажки были добавлены в форму.

кнопка

Шаг 2) После добавления кнопки перейдите в окно свойств, нажав кнопку управления. Измените текстовое свойство кнопки управления на Submit. Также измените свойство идентификатора кнопки на «btnSubmit».

После внесения вышеуказанных изменений вы увидите следующий вывод

Вывод:-

Из вывода видно, что кнопка была добавлена ​​в форму.

Обработчик событий в ASP.Net

Visual Studio автоматически добавляет событие btnSubmit_Click при двойном щелчке по кнопке в конструкторе веб-форм.

Шаг 2) Давайте теперь добавим код в событие submit, чтобы отобразить значение текстового поля имени и местоположение, выбранное пользователем.

protected void btnSubmit_Click(object sender,EventArgs e)
{
	Response.Write(txtName.Text + "</br>");

	Response.Write(lstLocation.SelectedItem.Text + "</br>");

	lblName.Visible = false; 
	txtName.Visible = false; 
	lstLocation.Visible = false;
	chkC.Visible = false; 
	chkASP.Visible = false; 
	rdFemale.Visible = false;
	btnSubmit.Visible = false;
}

Объяснение кода: —

1. Приведенная выше строка кода делает самое простое. Он принимает значение элемента управления текстового поля Name и отправляет его клиенту через объект Response. Поэтому, если вы хотите ввести строку «Guru99» в текстовое поле имени, значение txtName. Текст будет «Гуру99».
2. Следующая строка кода принимает выбранное значение списка через свойство ‘lstLocation.SelectedItem.text’. Затем он записывает это значение с помощью метода Response.Write обратно клиенту.
3. Наконец, мы делаем все элементы управления в форме невидимыми. Если мы этого не сделаем, все элементы управления плюс наши значения отклика будут отображаться вместе.

   Обычно, когда человек вводит всю информацию в форму, такую ​​как имя, местоположение, пол и т. Д. Следующая страница, отображаемая пользователю, должна содержать только ту информацию, которая не была введена. Пользователь не хочет снова видеть элементы управления Name, Gender, Location. Но ASP.Net не знает об этом, и, следовательно, по умолчанию он снова покажет все элементы управления, когда пользователь нажимает кнопку «Отправить». Следовательно, нам нужно написать код, чтобы гарантировать, что все элементы управления скрыты, так что пользователь просто видит желаемый результат.

Как только вы сделаете вышеуказанные изменения, вы увидите следующий вывод

Вывод:-

На экране «Вывод» выполните следующие действия.

1. Дайте имя Гуру99 в текстовом поле имени
2. Выберите местоположение в списке Бангалор
3. Нажмите на кнопку Отправить

Как только вы это сделаете, вы увидите «Guru99» и местоположение «Бангалор» отображается на странице.

Резюме:

• В ASP.Net вы можете добавить к форме стандартные элементы управления, такие как метки, текстовые поля, списки и т. Д.
• С каждым элементом управления может быть связано событие. Наиболее распространенным событием является событие нажатия кнопки. Это используется, когда информация должна быть отправлена ​​на веб-сервер.