Для выполнения примера создайте html-страницу и выполните следующие действия:
1. В теге HEAD добавьте ссылки на следующие js-и css-файлы:
PP.js;
PP.Metabase.js;
PP.TabSheet.js;
PP.Report.js;
resources.ru;
PP.css;
PP.Report.css.
2. В теге SCRIPT добавьте следующий скрипт:
<script type="text/javascript">
PP.resourceManager.setRootResourcesFolder("../resources/"); //путь до папки с ресурсами
PP.setCurrentCulture(PP.Cultures.ru); //устанавливаем текущую культуру
PP.ScriptPath="../build/"; // Установим путь до сборок
var metabase, prxReport, prxMbService, reportBox;
function renderReport() {//Устанавливаем соединение с метабазой:
var waiter = new PP.Ui.Waiter();
metabase = new PP.Mb.Metabase({
PPServiceUrl: "PPService.axd?action=proxy",
Id: "PPRepository",
UserCreds: { UserName: "user", Password: "password" },
//в начале запроса к метабазе отображается компонент Waiter
StartRequest: function () {
waiter.show();
},
//при окончании запроса к метабазе компонент waiter скрывается
EndRequest: function () {
waiter.hide();
//при окончании выполнения запроса все запросы удаляются из кэша
metabase.clearCache();
},
//при ошибке на экране появится сообщение с текстом ошибки
Error: function (sender, args) {
alert(args.responsetext);
}
});
metabase.open(); //открываем метабазу
prxMbService = new PP.Prx.PrxMdService({ Metabase: metabase }); //создаем сервис для работы с регламентными отчетами
prxReport = prxMbService.open(271); // открываем регламентный отчет по ключу;
var imgPath = "../build/img/"; // путь к папке с пиктограммами
reportBox = new PP.Prx.Ui.ReportBox({//Создаем компонент для отображения регламентного отчета
Source: prxReport, //устанавливаем источник - открытый из метабазы отчет
Service: prxMbService, //определяем сервис
ImagePath: imgPath,//определяем путь к папке с пиктограммами
DataView:{
GridView:{
AutoSendSelection: false// После выделения в таблице изменения не будут отправляться сразу на сервер
}
}
});
reportBox.addToNode("ReportBox");
};
</script>
3. В тег BODY добавьте следующий код:
<body onload="renderReport()"> <div id="ReportBox"></div> </body>
После выполнения примера на html-странице будет размещен компонент ReportBox, имеющий следующий вид:
См. также: