Пошаговое руководство. Общие сведения об управляющих элементах-расширителях ASP.NET AJAX

Visual Studio 2010

Обновлен: Ноябрь 2007

ASP.NET AJAX элементы-расширители улучшают функциональность клиента элементов управления веб-сервера ASP.NET, например, элементы управления TextBox, элементы управления Button и Panel. При помощи использования расширителей, можно дать пользователю более богатые веб-возможности. В этом пошаговом руководстве будет использоваться управляющий элемент-расширитель для улучшения функциональности элемента управления веб-сервера ASP.NET Button.

Управляющие элементы-расширители ASP.NET AJAX можно добавлять в Visual Studio и работать с ними так же, как и с другими элементами управления. Можно создавать собственные управляющие элементы-расширители или получать их из других источников.

Одним из таких источников является набор элементов управления AJAX для ASP.NET. Набор элементов управления предоставляет примеры и SDK для упрощения создания и использования пользовательских элементов управления и расширителей. Можно загрузить набор элементов управления AJAX для ASP.NET из Набор элементов управления AJAX для ASP.NET.

Bb470455.alert_caution(ru-ru,VS.100).gifВажное примечание.

Набор элементов управления представляет собой библиотеку, поддерживаемую сообществом разработчиков, но она не поддерживается Microsoft. В данном разделе описываются управляющие элементы-расширители, входящие в состав набора элементов управления AJAX для ASP.NET в качестве примеров того, как осуществляется работа с управляющими элементами-расширителями. Однако не следует воспринимать приведенную в данном разделе информацию как свидетельство того, что обсуждаемые управляющие элементы-расширители являются официальной частью ASP.NET или поддерживаются корпорацией Майкрософт.

Дополнительные сведения об элементах управления в Visual Studio 2008 расширителями см. в разделе Общие сведения об управляющих элементах-расширителях ASP.NET AJAX. Для дополнительных сведений о наборе элементов управления AJAX для ASP.NET, см. раздел веб-узлаНабор элементов управления AJAX для ASP.NET.

Для выполнения процедур данного пошагового руководства необходимы следующие компоненты.

Для начала Вы создадите веб-узел ASP.NET, который поддерживает функциональность AJAX.

Создание веб-узла на базе файловой системы

  1. Откройте Visual Studio 2008 или Microsoft Visual Web Developer, экспресс-выпуск.

  2. В меню Файл выберите пункт Создать веб-узел.

  3. В диалоговом окне Новый веб-узел в группе Установленные шаблоны Visual Studio выберите Веб-узел ASP.NET.

  4. В диалоговом окне Расположение выберите пункт Файловая система и введите имя папки, в которой будут храниться страницы веб-узла.

    Например, введите имя папки C:\WebSite1.

  5. В списке Язык выберите Visual Basic или Visual C# и нажмите кнопку ОК.

    В Visual Studio будет создан каталог и открыта новая веб-страница с именем Default.aspx в Исходном представлении.

Набор элементов управления AJAX для ASP.NET включает несколько управляющих элементов-расширителей, которые могут быть использованы для улучшения клиентской функциональности управляющих элементов веб-сервера.

Bb470455.alert_note(ru-ru,VS.100).gifПримечание.

Перед добавлением управляющего элемента-расширителя в управляющий элемент сервера в следующей процедуре, необходимо установить набор управляющих элементов управления AJAX для ASP.NET. Можно загрузить набор элементов управления AJAX для ASP.NET из Набор элементов управления AJAX для ASP.NET.

Добавление серверного управляющего элемента-расширителя AJAX

  1. Перейдите в представление конструирования.

  2. Если страница еще не содержит элемент управления ScriptManager, добавьте его на страницу со вкладки AJAX-расширения в панели элементов.

    Bb470455.alert_note(ru-ru,VS.100).gifПримечание.

    Элемент управления ScriptManager требует поддержки функциональности AJAX.

  3. С вкладки СтандартныеПанели элементов перетащите на страницу элемент управления Button.

  4. Если контекстное меню Задачи Button не возникает, нажмите правой кнопкой мыши на управляющий элемент Button и затем нажмите Показать смарт-тег.

  5. В меню Задачи Button выберите пункт Добавить расширитель.

  6. В Мастере расширителя, в списке Выберите функциональность для добавления в Button1, нажмите ConfirmButtonExtender, и затем нажмите ОК.

    Bb470455.alert_note(ru-ru,VS.100).gifПримечание.

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

  7. В диалоговом окне Свойства, разверните вкладку Расширители, и затем разверните Button1_ConfirmButtonExtender.

  8. Установите свойство ConfirmText равным Continue?

Теперь можно запустить страницу для проверки управляющих элементов-расширителей.

Тестирование управляющего элемента-расширителя

  1. Нажмите клавиши CTRL + F5 для запуска страницы в обозревателе.

  2. Нажмите кнопку, которая была добавлена на страницу.

    Отображается диалоговое окно подтверждения, которое является поведением, добавленным управляющим элементом-расширителем.

  3. Закройте обозреватель.

Если функциональность управляющего элемента-расширителя больше не нужна, можно удалить управляющий элемент-расширитель.

Удаление серверного управляющего элемента-расширителя AJAX

  1. Перейдите в представление конструктора.

  2. Выберите управляющий элемент Button, затем нажмите меню Задачи Button, нажмите Удалить расширитель.

  3. В списке Расширители, прикрепленные к Button1, выберите ConfirmButtonExtender.

  4. Нажмите кнопку Удалить и затем кнопку ОК.

Показ: