12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <!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"]] },
- { name: "Date", values: [query["date"]] },
- ],
- });
- }
- 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>
|