Использование элементов управления AJAX Control Toolkit и расширений элементов управления (VB)

От Майкрософт

Узнайте, как добавлять элементы управления и расширения AJAX Control Toolkit на страницы ASP.NET.

Набор средств управления AJAX содержит набор элементов управления и расширителей элементов управления. В этом кратком руководстве вы узнаете, как добавлять элементы управления и расширения элементов управления на страницу ASP.NET.

Использование элементов управления AJAX Control Toolkit

Элемент управления AJAX Control Toolkit работает так же, как обычный элемент управления ASP.NET. Элемент управления можно перетащить из панели элементов на страницу ASP.NET. Элемент управления можно добавить на страницу в режиме конструктора или в представлении источника.

Существует одно специальное требование при использовании элементов управления из набора средств управления AJAX. Страница должна содержать элемент управления ScriptManager. Элемент управления ScriptManager отвечает за включение всех необходимых javaScript, необходимых элементам управления AJAX Control Toolkit.

Например, вкладка "Набор средств управления AJAX" включает элемент управления с именем "Редактор". В этом элементе управления отображается расширенный редактор HTML. Выполните следующие действия, чтобы добавить элемент управления "Редактор" на страницу:

1. Создание страницы ASP.NET с именем ShowEditor.aspx
2. Выберите элемент управления ScriptManager под вкладкой "Расширения AJAX" на панели элементов и перетащите элемент управления на страницу.
3. Выберите элемент управления "Редактор" под вкладкой "Набор средств управления AJAX" на панели элементов и перетащите элемент управления на страницу (см. рисунок 1). Дизайнер должен выглядеть как рис. 2.
4. Запустите веб-сайт, выбрав параметр "Отладка", "Начать отладку " или нажав клавишу F5.
5. Вы увидите страницу на рис. 3.

Рис. 01. Выбор элемента управления редактора HTML (щелкните, чтобы просмотреть изображение полного размера)

Рис. 02. Дизайнер Visual Studio с ScriptManager и элементом управления Edit (нажмите, чтобы увидеть изображение в полном размере)

Рис. 03. Страница DisplayEditor.aspx (щелкните, чтобы просмотреть изображение полного размера)

Использование расширителей средств управления набором средств управления AJAX

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

Расширитель элемента управления, как элемент управления AJAX Control Toolkit, требует элемента управления ScriptManager. Перед началом использования расширителей элементов управления на странице необходимо добавить элемент управления ScriptManager.

Выполните следующие действия, чтобы использовать расширитель элемента управления ConfirmButton:

1. Создание страницы ASP.NET с именем ShowConfirmButton.aspx
2. Добавьте элемент управления ScriptManager на страницу, перетащив элемент управления на страницу под вкладкой "Расширения AJAX".
3. Добавьте стандартный элемент управления "Кнопка" на страницу, перетащив его из вкладки "Стандартные" в панели инструментов на поверхность конструктора.
4. Щелкните параметр задачи Add Extender (см. рис. 4).
5. В диалоговом окне "Выбор расширения" выберите "ConfirmButtonExtender" (см. рис. 5) и нажмите кнопку "ОК".
6. Выберите элемент управления "Button" в дизайн-редакторе и разверните узел расширителей Button1_ConfirmButtonExtender в окне свойств (см. рисунок 6). Назначьте значение "Действительно?", свойству ConfirmText.
7. Запустите страницу, выбрав пункт меню "Отладка", "Начать отладку " или нажмите клавишу F5.

Рис. 04. Параметр задачи "Добавить расширение" (щелкните, чтобы просмотреть изображение полного размера)

Рис. 05. Выбор расширения элемента управления ConfirmButton (щелкните, чтобы просмотреть изображение полного размера)

Рис. 06. Установка свойства ConfirmButton (нажмите, чтобы просмотреть изображение в полном размере)

Когда откроется страница, вы увидите кнопку. Щелкнув кнопку, вы получите диалоговое окно подтверждения на рис. 7.

Рис. 07. Отображение диалогового окна подтверждения (щелкните, чтобы просмотреть изображение полного размера)

Обратите внимание, что вы обычно не перетаскиваете расширитель элемента управления на страницу. Вместо этого вы используете параметр задачи Add Extender для добавления расширения в элемент управления, который вы уже добавили на страницу. Обратите внимание, что вы задаете свойства расширения элемента управления, открыв лист свойств для расширенного элемента управления.

Один элемент управления ASP.NET может быть расширен несколькими расширятелями элементов управления. Лист свойств для расширяемого элемента управления будет содержать список всех расширителей, связанных с этим элементом управления.