@progress/telerik-react-report-viewer
Version:
Progress® Telerik® Report Viewer for React
32 lines • 1.02 kB
JavaScript
import React from 'react';
import { TelerikReportViewer } from '@progress/telerik-react-report-viewer/dist/cjs/main';
export function ReportViewer() {
let viewer;
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TelerikReportViewer, {
ref: el => viewer = el,
serviceUrl: "http://localhost:59657/api/reports/",
reportSource: {
report: 'Report Catalog.trdp',
parameters: {}
},
viewerContainerStyle: {
position: 'absolute',
left: '5px',
right: '5px',
top: '40px',
bottom: '5px',
overflow: 'hidden',
clear: 'both',
fontFamily: 'ms sans serif'
},
viewMode: "INTERACTIVE",
scaleMode: "SPECIFIC",
scale: 1.0,
enableAccessibility: false
}), /*#__PURE__*/React.createElement("button", {
id: "refresh-button",
onClick: () => viewer.refreshReport()
}, "Refresh"), /*#__PURE__*/React.createElement("button", {
onClick: () => viewer.commands.print.exec()
}, "Print"));
}