Использование AJAX

После введения AJAX, как мы видим лицо имеет смысла потенциал этой инновационной технологии. Мы создадим простое приложение с содержанием страницы, которые поместят UpdatePanel. Apagina затем вставляется в две метки, которые показывают дату и время загрузки страницы, но мы поставим метку внутри "UpdatePanel и один на улицу, чтобы посмотреть, как частичное обновление страницы.

Таким образом, мы создаем новый веб-сайт и добавить ScriptManager управления Default.aspx виде (расположен во вкладке AJAX-расширения в панели инструментов), которая необходима для управления AJAX элементы управления, размещенные на форме. Условно этот контроль находится за пределами DIV теги, что Visual Studio автоматически создает. После включения этого контроля на нашей странице мы имеем ситуацию, как это

Теперь вставьте метку в нашу форму и denominiamola LabelDataOraLoad. Вставьте кнопку

Откройте файл и изменить ebento Default.aspx.cs Page_Load так, чтобы метка отображает текущую дату и время

 защищен недействительным Page_Load (объект отправителя, EventArgs е)







 {



  



 this.LabelDataOraLoad.Text = DateTime.Now.ToString ();







 }

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

На данный момент, добавить UpdatePanel на страницу элемент управления и положить второй лейбл под названием LabelDataOraUpdate в этом элементе управления

Для этого мы изменили этикетку события Page_Load, чтобы он отображает текущую дату и время

 защищен недействительным Page_Load (объект отправителя, EventArgs е)







 {



  



 this.LabelDataOraLoad.Text = DateTime.Now.ToString ();



  



 this.LabelDataOraUpdate.Text = DateTime.Now.ToString ();







 }

Мы начинаем приложения и создавать несколько сообщений назад, как раньше. Мы видим, что этикетки ведут себя таким же образом, обновляется каждый клик

Это потому, что хотя вторая метка находится внутри dell'UpdatePanel действия, вызвавшего обратную передачу происходит за пределами этого элемента управления. Теперь переместите кнопки в dell'UpdatePanel устранить. Если мы посмотрим мы видим default.aspx файл, который помещен внутри тэгов кнопку на панели

Если мы начнем в этот момент мы видим, что приложение, нажав на кнопку этикетке содержится только nell'UpdatePanel обновляется, а другая установлена ​​в значение первой загрузке страницы

Это процесс называется частичное обновление только искусство paginaperchè страница обновляется в ответ на определенные действия (нажатие кнопки).

Ясно, что это лишь небольшой пример, который показывает потенциал AJAX, и я приглашаю вас к углублению через официальную документацию из интересных особенностей других элементов управления Microsoft, таких как таймер, UpdateProgress AutoCompleteExtender и т.д..

• <<Предыдущий урок
• Помощь Индекс
• Следующее занятие>>