Для выполнения примера создайте html-страницу и выполните следующие действия:
1. В теге HEAD добавьте ссылки на следующие js- и css-файлы:
PP.js;
PP.Metabase.js;
PP.Report.js;
resources.ru;
PP.css;
PP.Report.css.
2. В теге SCRIPT добавьте следующий скрипт:
var metabase, prxReport, prxMbService, dataArea;
function renderReport() {
metabase = new PP.Mb.Metabase(//создаем соединение с метабазой
{
PPServiceUrl: "PPService.axd?action=proxy",
Id: "WAREHOUSE",
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, имеющий следующий вид:

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