@progress/telerik-react-report-viewer
Version:
Progress® Telerik® Report Viewer for React
39 lines (38 loc) • 1.28 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.ReportViewer = ReportViewer;
var _react = _interopRequireDefault(require("react"));
var _main = require("@progress/telerik-react-report-viewer/dist/cjs/main");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function ReportViewer() {
let viewer;
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_main.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.default.createElement("button", {
id: "refresh-button",
onClick: () => viewer.refreshReport()
}, "Refresh"), /*#__PURE__*/_react.default.createElement("button", {
onClick: () => viewer.commands.print.exec()
}, "Print"));
}