@grapecity/ar-viewer v17.3.0
ActiveReports Js Viewer
How to install
npm i @grapecity/ar-viewer --save-dev
How to include
The bundles are here: ./node_modules/@grapecity/ar-viewer/dist
Using the physical path:
<head>
...
<link href="./node_modules/@grapecity/ar-viewer/dist/jsViewer.min.css" rel="stylesheet">
...
</head>
<body>
...
<script type="text/javascript" src="./node_modules/@grapecity/ar-viewer/dist/jsViewer.min.js"></script>
...
</body>
Using the package name:
import "@grapecity/ar-viewer/dist/jsViewer.min.js";
import "@grapecity/ar-viewer/dist/jsViewer.min.css";
Using attributes main
and style
from package.json
:
import "@grapecity/ar-viewer";
How to use
<body>
...
<div id="viewerContainer" />
...
<script type="text/javascript">
let viewer;
function loadViewer() {
viewer = GrapeCity.ActiveReports.JSViewer.create({
element: '#viewerContainer'
});
}
loadViewer();
viewer.openReport('report.rdlx');
</script>
...
</body>
Localization
JSViewer automatically detects the user's language and supports English, Japanese, and Chinese localizations.
To add custom localization to JSViewer, specify the URL of the JSON file containing the localization data:
GrapeCity.ActiveReports.JSViewer.create({
element: '#viewerContainer',
localeUri: './custom-locale.json'
});
Or pass the JSON object directly:
GrapeCity.ActiveReports.JSViewer.create({
element: '#viewerContainer',
localeData: JSON.parse(`{
"export": {
"boolTextFalse": "False",
"boolTextTrue": "True"
},
"viewer": {
"toolbar":
{
"refresh": "Refresh"
}
}
}`
),
});
How to use es module
...
let viewer: JSViewer = createViewer({element: '#viewerContainer'});
viewer.openReport('report.rdlx');
2 days ago
2 months ago
5 months ago
11 months ago
5 months ago
7 months ago
10 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago