123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <!-- IIS Virtual Directory name -->
- <!--<base href="/JSViewer_MVC_Core/">-->
- <meta charset="utf-8">
- <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <meta name="theme-color" content="#000000">
- <title>JS Viewer</title>
- <link href="jsViewer.min.css" rel="stylesheet">
- <link href="index.css" rel="stylesheet">
- </head>
- <body onload="loadViewer()">
- <div style="width: 100%; overflow-x: hidden">
- <div id="viewerContainer">
- </div>
- </div>
- <script type="text/javascript" src="jsViewer.min.js"></script>
- <script type="text/javascript">
- var viewer;
- var reportID = 'test.rdlx';
- var query = {
- report: 'test.rdlx',
- year: 2020,
- month: 7,
- siteId: 101
- };
- if (location.search) {
- location.search.substring(1).split('&').forEach(function (part, idx) {
- if (!part) return;
- var items = part.split('=');
- var value = items.length > 1 ? items[1] : '';
- query[items[0]] = value;
- });
- }
- function loadViewer() {
- viewer = GrapeCity.ActiveReports.JSViewer.create({
- element: '#viewerContainer',
- reportID: query['report'] + '.rdlx',
- reportParameters: [
- { name: 'ApiUrl', values: [location.origin + '/api'] },
- { name: 'SiteId', values: [query['siteId']] },
- { name: 'Year', values: [query['year']] },
- { name: 'Month', values: [query['month']] },
- { name: 'DetailId', values: [query['detailId']] }
- ]
- });
- }
- function setActive(report) {
- let reportsList = document.getElementById("reportsList");
- let reports = reportsList.children;
- for (let i = 0; i < reports.length; i++) {
- reports[i].classList.remove('active');
- }
- report.classList.add('active');
- }
- </script>
- </body>
- </html>
|