6.1.1821 • Published 2 years ago
@grapecity/wyn-report-viewer v6.1.1821
Wyn Report Viewer
How to install
npm install @grapecity/wyn-report-viewer
How to include
Bundle location: ./node_modules/@grapecity/wyn-report-viewer/dist
Using the physical path:
<head>
<link href="./node_modules/@grapecity/wyn-report-viewer/dist/viewer-app.css" rel="stylesheet">
</head>
<body>
<script type="text/javascript" src="./node_modules/@grapecity/wyn-report-viewer/dist/viewer-app.js"></script>
</body>
Using the package name:
import "@grapecity/wyn-report-viewer/dist/viewer-app.js";
import "@grapecity/wyn-report-viewer/dist/viewer-app.css";
Using the attributes main
and style
from package.json
:
import "@grapecity/wyn-report-viewer";
How to use
Add this snippet to <body>
after <script>
with viewer-app.js
:
<div id="report-viewer-app"></div>
<script type="text/javascript">
var portal = { url: '<portalUrl>', username: '<username>', password: '<password>' };
var reportId = '<reportId>';
function createViewerApplication(portalUrl, referenceToken) {
var viewer = GrapeCity.WynReports.Viewer.create({
element: 'report-viewer-app',
portalUrl: portalUrl,
referenceToken: referenceToken,
});
viewer.openReport(reportId);
}
GrapeCity.WynReports.getReferenceToken(portal.url, portal.username, portal.password)
.then(function(referenceToken) {
createViewerApplication(portal.url, referenceToken);
});
</script>
6.1.1821
2 years ago
6.1.1816
2 years ago
6.1.1714
2 years ago
6.1.1700
2 years ago
6.1.1654
2 years ago
6.0.1554
3 years ago
6.0.1532
3 years ago
6.0.1483
3 years ago
6.0.1444
3 years ago
5.1.967
3 years ago
5.1.857
4 years ago
5.1.1031
3 years ago
5.0.724
4 years ago
5.0.589
4 years ago
5.0.527
4 years ago
5.0.506
4 years ago
5.0.461
4 years ago
5.0.459
4 years ago
5.0.425
4 years ago
4.1.175
4 years ago
4.1.138
5 years ago