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

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

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

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

    var metabase, prxReport, prxMbService, dataArea;
    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(699099);//открываем отчет из метабазы по ключу
        dataArea = new PP.Prx.Ui.DataArea(
		{
		    ParentNode: "dataArea",
		    Source: prxReport,//указываем отчет-источник
		    Service: prxMbService
		});
        window.onresize();
    }
    var idTime;
    //функция для изменения размера компонента при изменении размера контейнера
    window.onresize = function updateSize() {
        if (idTime)
            clearTimeout(idTime);
        idTime = setTimeout(function () {
            if (dataArea)
                dataArea.setSize(document.getElementById("dataArea").offsetWidth - 2, 800);
            idTime = null;
        }, 50);
    };

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

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

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

    </div>

</body>

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

Внешний вид области данных зависит от отчета-источника. Если в отчете нет элементов управления, панель элементов управления не будет отображаться на области данных. Графики отображаются как изображение.

См. также:

DataArea