Пример размещения компонента ControlBar

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

1. В теге HEAD добавьте ссылки на следующие js-и css-файлы:

2. В теге SCRIPT добавьте следующий скрипт:

        var metabase, prxReport, prxMbService, controlBar;
        function renderReport() {
            metabase = new PP.Mb.Metabase(//создаем подключение к метабазе
	     {
	         PPServiceUrl: "PPService.axd?action=proxy",
	         Id: "PPRepository",
	         UserCreds: { UserName: "user", Password: "password" }
	     });
            metabase.open();//открываем метабазу
            prxMbService = new PP.Prx.PrxMdService({ Metabase: metabase });//создаем сервис для работы с регламентными отчетами
            prxReport = prxMbService.open(731737);//открываем отчет из метабазы по ключу
            controlBar = new PP.Prx.Ui.ControlBar(//создаем панель элементов управления
	     {
	         ParentNode: "controlBar",
	         Source: prxReport,//источник панели элементов управления
	         Service: prxMbService,
	         Width: 300
	     });
        }

3. В тег BODY добавьте следующий код:

<body onselectstart="return false" onload="renderReport()" style="height: 100%;">

    <div id="controlBar" style="height: 800px;">

    </div>

</body>

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

Количество отображаемых элементов управления и их вид зависят от настроек отчета-источника.

См. также:

ControlBar