Для выполнения примера в теге HEAD html-страницы добавьте ссылки на следующие js и css-файлы:
PP.js;
PP.Metabase.js;
PP.Navigator.css;
PP.Navigator.js;
файл с ресурсами (например, resources.ru);
PP.css.
В тег BODY добавьте атрибут onload:
<body onload="onLoad();">
</body>
В теге SCRIPT добавьте следующий скрипт:
// Укажем путь к корневой папке, содержащей файлы ресурсов PP.resourceManager.setRootResourcesFolder("../resources/"); PP.ImagePath = "../build/img/"; PP.ScriptPath = "../build/"; // Установим языковые настройки для ресурсов PP.setCurrentCulture(PP.Cultures.ru); // Создаём соединение с репозиторием var mb = new PP.Mb.Metabase({ PPServiceUrl: "PPService.axd?action=proxy", Id: "PREPOSITORY", UserCreds: { UserName: "user", Password: "password" } }); var nav; function onLoad() { //при открытии репозитория: mb.open(function () { //создаем компонент Navigator
nav = new PP.Mb.Ui.Navigator({ Metabase: mb, ParentNode: document.body, ImagePath: "../build/img/", }); //при открытии объектов в консоль браузера будет выводиться массив объектов, которые являются источниками события nav.OpenObjects.add(function () { console.log(arguments); }); //при создании объектов в консоль браузера будет выводиться массив объектов, которые являются источниками события nav.CreateObject.add(function () { console.log(arguments); }); //навигатор занимает полностью пространство контейнера nav.fullscreen(); }); };
После выполнения примера на html-странице будет размещено окно навигатора объектов для указанного репозитория:
При выполнении команд ленты инструментов «Новый объект > <Тип объекта>», главного меню «Навигатор > Выход» и при открытии объекта в консоль браузера будут выводиться массивы тех объектов, которые являются источниками для соответствующих событий.
См. также: