Занятие 7. Инструментальные элементы ActiveX

(Продолжительность занятия 15 минут)

Инструментальные элементы ActiveX (ActiveX design-time controls) позволяют генерировать НТМL-код, а также серверные и клиентские сценарии на языках VBScript и JavaScript. На этом занятии Вы познакомитесь с инструментальными элементами, входящими в состав Microsoft Visual InterDev, и научитесь пользоваться ими.

• перечислить инструментальные элементы в составе Microsoft Visual InterDev;
• применять инструментальные элементы в активных серверных страницах.

Инструментальные элементы в составе Visual InterDev

Инструментальными элементами пользуются точно так же, как и другими управляющими элементами ActiveX, — выбрав пункт Insert ActiveX Control из меню Insert или контекстного меню. Однако когда Вы закрываете редактор объектов инструментального элемента, в Ваш файл записывается не сам элемент, а соответствующий серверный сценарий и/или HTML-код.

Вот какие инструментальные элементы входят в состав Microsoft Visual InterDev.

Элемент	Описание
Data Command	Создает серверный сценарий, выполняющий команду (например, запрос к базе данных)
Data Range Header	Генерирует серверный сценарий, который создает объект ADO Recordset при помощи запроса или выбранной Вами хранимой процедуры. Код сценария включает цикл по записям набора данных (для кодирования последующих операций с записями) и может быть сконфигурирован для постраничного отображения записей
Data Range Footer	Применяется в сочетании с элементом Data Range Header; предназначен для выполнения завершающей части цикла по записям набора
Include	Позволяет вставить в активную страницу содержимое файла до начала выполнения страницы
Data Connection	Содержит набор информации для доступа к конкретной базе данных. Эта подборка включает имя источника данных (DSN) и регистрационную информацию. Связи с данными хранятся в проекте и активизируются, когда пользователь выполняет операцию, требующую фактического обращения к базе данных

Как и все управляющие элементы ActiveX, инструментальные элементы необходимо установить на тот компьютер, где они должны работать. В Visual InterDev встроенные элементы устанавливаются автоматически, а любые другие (скажем, изготовленные сторонними производителями) — с помощью стандартной программы установки, командного файла или программы Regsvr32.exe.

Вы можете создать собственные инструментальные элементы средствами Visual Basic или воспользоваться имеющимися на компьютере-клиенте.

Использование инструментального элемента в активной странице

В этом упражнении Вы воспользуетесь инструментальным элементом Data

Connection в активной серверной странице.

> Использование инструментального элемента

1. Создайте в Visual InterDev новый Web-проект и присвойте ему имя Employees.
2. Сохраните проект в файле WA\Practice\ChlO\employees.
3. Согласитесь с именем сервера по умолчанию — localhost — и нажмите кнопку Next.
4. Согласитесь с именем по умолчанию — Employees — и нажмите кнопку Finish.
5. Прежде всего, с проектом нужно связать имя существующего источника данных. Щелкните правой кнопкой проект в окне File View и выберите пункт Add Data Connection.
6. Откройте вкладку Machine Data Source, выберите nwind и нажмите ОК. Просмотрите информацию о соединении (его имя — DataConn).
7. Закройте окно Data Connection Properties.
8. Добавьте новую активную страницу с именем default.asp
9. Удалите HTML-комментарий.
10. Щелкните правой кнопкой мыши область между тэгами BODY и выберите пункт Insert HTML Using Wizard.
11. Выберите пункт Data Range Wizard и нажмите ОК.
12. Выберите Show only, отметьте, что одновременно выводить нужно две записи, и нажмите Next.
13. Оставьте предлагаемое по умолчанию имя диапазона данных и нажмите Finish.
14. Появится диалоговое окно Properties. В поле Data Connection выберите DataConn.
15. В поле Command Text наберите Select * From Employees.
16. Нажмите Copy Fields.
17. Добавьте поля EmployeeID, FirstName и LastName в список Fields to Copy и нажмите ОК.

    VBScript-сценарий для отображения этих полей скопирован в буфер обмена, откуда его можно вставить в нужное место страницы.

18. Закройте окно Properties.
19. Закройте окно инструментального элемента.
20. Поместите точку вставки перед вторым экземпляром приведенной ниже стро ки кода:

    <!-METADATA TYPE="DesignerControl" startspan

21. Щелкните страницу правой кнопкой мыши и выберите в меню пункт Paste.

> Проверка приложения

1. В окне File View щелкните правой кнопкой файл default.asp и выберите пункт Preview in Browser.
2. Нажмите кнопку Yes, если появится предложение сохранить изменения.
3. Протестируйте кнопки на странице.
4. Закройте Microsoft Visual InterDev.

Резюме

Инструментальные элементы ActiveX позволяют генерировать HTML-код, а также серверные и клиентские сценарии на языках Microsoft Visual Basic и JavaScript. Вы можете использовать существующие инструментальные элементы ActiveX и создать свои. В состав Microsoft Visual InterDev включены готовые инструментальные элементы, которые позволят расширить функциональные возможности Ваших Web-приложений.