Часть 2-7.Создание приложения asp.Net ajax
Описание работы:
В данной лабораторной работе будет построено приложение, отображающее страницы с данными о сотрудниках из образца базы данных AdventureWorks.
Приложение использует элемент управления UpdatePanel для обновления меняющейся части страницы без мигания страницы, которое происходит при обратной передаче. Это называется частичным обновлением страницы.
Упражнение 1 - Создание веб-узла asp.Net
Веб-сайты, созданные в ASP.NET, по умолчанию включают поддержку функциональных
возможностей Microsoft Ajax.
Запустите Visual Studio.
В меню Файл выберите пункт “Новый веб-узел”.
Откроется диалоговое окно “Новый веб-узел”.
В разделе Установленные шаблоны Visual Studio выберите “Веб-узел ASP.NET”.
Введите расположение и язык и нажмите кнопку ОК
Упражнение 2 - Добавление элемента управления UpdatePanel на веб-страницу asp.Net
После создания веб-узла ASP.NET создается веб-страница ASP.NET, которая включает
элемент управления UpdatePanel. Перед добавлением элемента управления UpdatePanel
необходимо добавить элемент управления ScriptManager. Элемент управления UpdatePanel
использует элемент ScriptManager для управления частичным обновлением страницы.
Создание новой веб-страницы ASP.NET
В обозревателе решений щелкните правой кнопкой мыши имя веб-узла и выберите
“Добавление нового элемента”.
Откроется диалоговое окно Добавление нового элемента.
В меню Установленные шаблоны Visual Studio выберите “Веб-форма”.
Назовите страницу Employees.aspx и снимите флажок “Поместить код в отдельном
файле”.
Выберите требуемый язык.
Нажмите кнопку “Добавить”.
Перейдите в представление конструирования.
На вкладке Ajax-расширения панели элементов дважды щелкните элемент
управления ScriptManager, чтобы добавить его на страницу.
Рис. 1
Перетащите элемент управления UpdatePanel с панели элементов в элемент
ScriptManager.
Рис. 2
Упражнение 3 - Добавление содержимого в элемент управления
Чтобы добавить содержимое в элемент управления UpdatePanel, выполните
следующие действия:
Из вкладки Данные панели элементов перетащите элемент управления GridView в
изменяемую область элемента управления UpdatePanel.
В меню Задачи GridView выберите “Автоформат”.
В панели Автоформат в области Выбор схемы выберите “Цветная” и нажмите
кнопку ОК.
В меню Задачи GridView в списке Выбор источника данных выберите пункт
<Новый источник данных>.
Отобразится мастер настройки источника данных.
В поле Источник данных для приложения выберите “База данных” и затем
нажмите кнопку ОК.
В мастере Настройки источника данных на этапе Выбора подключения к базе
данных выберите подключение к базе данных AdventureWorks и затем нажмите
“Далее”.
На этапе Настройка инструкции Select выберите “Указать” пользовательские
инструкции SQL или хранимую процедуру и затем нажмите кнопку “Далее”.
На вкладке SELECT этапа Определения пользовательской инструкции или
хранимой процедуры введите следующую инструкцию SQL:
SELECT FirstName, LastName FROM HumanResources.vEmployee ORDER BY
LastName, FirstName
Нажмите кнопку “Далее”.
Нажмите кнопку “Готово”.
В меню Задачи GridView установите флажок Включить разбиение по страницам.
Сохраните изменения и нажмите CTRL + F5 для просмотра страницы в
обозревателе.
Обратите внимание, что при выборе различных страниц данных нет мигания
страницы. Это происходит из-за того, что страница не выполняет обратную
передачу и не обновляет всю страницу.