Showing a Report in the Viewer using JavaScript

Our sample projects and report templates can help you learn the basics of working with our products.
View on GitHub
Products ✖Reports.PHP ✖Viewer ✖
The viewer can be built entirely in client JavaScript, with PHP acting only as the request handler for data and events.

Process requests in PHP. A StiHandler handles the viewer's server-side callbacks:
$handler = new StiHandler();
$handler->process();
Build the viewer in JavaScript. Create it, route its data event through the handler, and load a report:
let options = new Stimulsoft.Viewer.StiViewerOptions();
options.appearance.fullScreenMode = true;

let viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false);
viewer.onBeginProcessData = (args, callback) => Stimulsoft.handler.process(args, callback);

let report = new Stimulsoft.Report.StiReport();
report.loadFile("../reports/SimpleList.mrt");
viewer.report = report;

viewer.renderHtml("viewerContent");

How it works. The report renders in the browser; PHP is contacted only when the viewer needs data, keeping the server role minimal.
View on GitHub Download
By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.
I agree