Для выполнения примера в теге HEAD html-страницы добавьте ссылки на следующие js и css-файлы:
PP.js;
PP.Metabase.js;
PP.Navigator.css;
PP.Navigator.js;
файл с ресурсами (например, resources.ru);
PP.css.
В теге SCRIPT добавьте следующий скрипт:
var navbox; function onLoad() { PP.resourceManager.setRootResourcesFolder("Scripts/resources/"); PP.setCurrentCulture(PP.Cultures.ru); mb = new PP.Mb.Metabase( { PPServiceUrl: "PPService.axd?action=proxy", Id: "WAREHOUSE", UserCreds: { UserName: "user", Password: "password" } });
mb.open(); navbox = new PP.Mb.Ui.NavigatorBox( { Metabase: mb, ParentNode: document.getElementById("div1"), Width: 700, Height: 400, //Включена возможность множественного выбора в списке объектов ObjectListMultiSelect: true, //Путь к папке с картинками ImagePath: "PP_img/", //При вызове контекстного меню для элемента из дерева папок, будет выдаваться сообщение с ключом выделенной папки FolderTreeContextMenu: function (sender, args) {
alert(navbox.getSelectedFolderTreeObject()[0].getKey()) }, //установлен фильтр для контейнерных объектов: в дереве папок будут отображаться только папки FolderTreeFilter: [0], //в названии объекта будет его имя и идентификатор ObjectListDisplayMode: PP.Mb.Ui.MetabaseDisplayMode.Both, //в списке объектов отбражаются объекты следующих типов: стандартные кубы, рабочие книги, экспресс-отчеты и регламентные отчеты ObjectListFilters: [1281, 2827, 2561, 2562], //скрыто меню для столбцов, то есть нет возможности скрывать столбцы HideObjectListColumnsMenu: true,
//при загрузке списка объектов будут выравниваться столбцы по ширине содержимого ObjectListObjectsLoaded: function (sender, args) { navbox.adjustColumnsWidthByContent() }, ObjectListSelectionChanged: function (sender, args) { console.debug("Выделение элементов изменено") } }); }
В теге BODY добавьте:
<body onload="onLoad();">
<div id = "div1"></div>
</body>
После выполнения примера на Html-странице будет размещен компонент NavigatorBox:
См. также: