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

Для выполнения примера в теге 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.MetabaseObjectsIconView({
                // Ключ корневой папки
                RootKey: 67,
                // Репозиторий, откуда берутся данные
                Metabase: mb,
                ParentNode: document.getElementById("mtl"),
                // Высота объектов
                ItemHeight: 40,
                // Ширина объектов
                ItemWidth: 100,
                // Вариант отображения списка объектов - огромные значки
                IconType: PP.Mb.Ui.NavigatorBox.ObjectListMode.Giant,
                // Тип ориентации объектов - горизонтальная ориентация
                Orientation: "Horizontal"
            });
        };

В теге BODY добавьте атрибут onload и элемент div с идентификатором «mtl»:

<body onload="onLoad();">

    <div id = "mtl"></div>

 </body>

После выполнения примера на html-странице будет размещен компонент MetabaseObjectsIconView, имеющий следующий вид:

См. также:

MetabaseObjectsIconView