Для выполнения примера в теге HEAD html-страницы добавьте ссылки на следующие js и css-файлы:
PP.js;
PP.Metabase.js;
файл с ресурсами (например, resources.ru);
PP.css.
В теге SCRIPT добавьте следующий скрипт:
//функция, которая будет выполняться при загрузке страницы function onLoad() { //создаем подключение к репозиторию mb = new PP.Mb.Metabase({ Id: "WAREHOUSE", UserCreds: new PP.Mb.UserCreds({ UserName: "user", Password: "password" }) }); mb.open(); //создаем
list1 = new PP.Mb.Ui.MetabaseTreeList({ //ключ корневой папки RootKey: 96773, //в дереве будут отображаться только стандартные кубы Filter: [PP.Mb.MetabaseObjectClass.KE_CLASS_STDCUBE], //устанавливаем репозиторий, откуда берутся данные Metabase: mb, //в вершинах дерева будут отображаться идентификаторы объектов DisplayMode: PP.Mb.Ui.MetabaseDisplayMode.Both, ParentNode: document.getElementById("mtl"), //будут отображаться столбцы с атрибутами объектов ShowAttributes: true, Width: 700,
Height: 400, //путь к папке с картинками ImagePath: "PP_img/", //нельзя снять отметку полностью со всех элементов EmptySelection: false, //включена множественная отметка MultiSelect: true, //скрываются пустые папки ShowEmptyFolder: false, //после загрузки вершин ширина столбцов будет выравнена по содержимому и раскроются папки с ключами 96776 и 96778 NodesLoaded: onNodesLoaded }); function onNodesLoaded() { list1.adjustColumnsWidthByContent(); list1.setExpandedKeys([96776, 96778]); } }
В теге BODY добавьте атрибут onload и элемент div с идентификатором «mtl»:
<body onload="onLoad();">
<div id = "mtl"></div>
</body>
После выполнения примера на html-странице будут размещен компонент MetabaseTreeList, имеющий следующий вид:
См. также: