Пример создания компонента MetabaseTreeList

Для выполнения примера в теге HEAD html-страницы добавьте ссылки на следующие js и 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, имеющий следующий вид:

См. также:

MetabaseTreeList