Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/stimulsoft/samples-reports.js-for-html

JavaScript samples for Reports.JS reporting embedded components for HTML and native JavaScript applications
https://github.com/stimulsoft/samples-reports.js-for-html

code column-chart data-adapter excel financial invoice javascript js json line-chart native order pdf-report pie-chart report-designer report-generator report-viewer reporting typescript xampp

Last synced: about 6 hours ago
JSON representation

JavaScript samples for Reports.JS reporting embedded components for HTML and native JavaScript applications

Awesome Lists containing this project

README 

        
# JavaScript samples for Stimulsoft Reports.JS



#### This repository contains the source code of the examples of usage Stimulsoft Reports.JS reporting tool in the HTML and JS Web applications, using pure JavaScript code and HTML5 components. The report builder and examples are fully compatible with all modern browsers and OS.



## Overview

A set of examples for working with Reports from code:

* [Exporting a Report to HTML](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Exporting%20a%20Report%20to%20HTML.html)

* [Exporting a Report to PDF](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Exporting%20a%20Report%20to%20PDF.html)

* [Loading Scripts in Part to Minify Project](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Loading%20Scripts%20in%20Part%20to%20Minify%20Project.html)

* [Loading the Report](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Loading%20the%20Report.html)

* [Printing the Report](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Printing%20the%20Report.html)

* [Registering a JSON Data for the Report Template](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Registering%20a%20JSON%20Data%20for%20the%20Report%20Template.html)

* [Registering an XML Data for the Report Template](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Registering%20an%20XML%20Data%20for%20the%20Report%20Template.html)

* [Saving the Rendered Report to a File](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Saving%20the%20Rendered%20Report%20to%20a%20File.html)

* [Setting the Variable Value from Code](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Setting%20the%20Variable%20Value%20from%20Code.html)

* [Showing a Report as PDF](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Showing%20a%20Report%20as%20PDF.html)

* [Supply Custom Headers for Json Database](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Report/Supply%20Custom%20Headers%20for%20Json%20Database.html)

  

A set of examples for working with the Report Viewer:

* [Assigning a Report to the Viewer](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Viewer/Assigning%20a%20Report%20to%20the%20Viewer.html)

* [Changing the Viewer Theme](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Viewer/Changing%20the%20Viewer%20Theme.html)

* [Customizing the Viewer](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Viewer/Customizing%20the%20Viewer.html)

* [Printing the Table from Code](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Viewer/Printing%20the%20Table%20from%20Code.html)

* [Showing the Report Viewer in a Required Position](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Viewer/Showing%20the%20Report%20Viewer%20in%20a%20Required%20Position.html)

* [Showing the Viewer Immediately after Running an App](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Viewer/Showing%20the%20Viewer%20Immediately%20after%20Running%20an%20App.html)

* [Showing the Viewer in iframe](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Viewer/Showing%20the%20Viewer%20in%20iframe.html)

* [Using the Full-Screen Mode in the Viewer](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Viewer/Using%20the%20Full-Screen%20Mode%20in%20the%20Viewer.html)

* [Using Viewer Events](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Viewer/Using%20Viewer%20Events.html)

  

A set of examples for working with the Report Designer:

* [Adding a Custom Function](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Adding%20a%20Custom%20Function.html)

* [Adding a Font to the Resource](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Adding%20a%20Font%20to%20the%20Resource.html)

* [Changing the Designer Theme](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Changing%20the%20Designer%20Theme.html)

* [Customizing the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Customizing%20the%20Designer.html)

* [Editing a Report Template in the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Editing%20a%20Report%20Template%20in%20the%20Designer.html)

* [Localization the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Localization%20the%20Designer.html)

* [Showing the Designer Immediately after Running an App](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Showing%20the%20Designer%20Immediately%20after%20Running%20an%20App.html)

* [Showing the Designer in a Required Position](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Showing%20the%20Designer%20in%20a%20Required%20Position.html)

* [Showing the Designer in iframe](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Showing%20the%20Designer%20in%20iframe.html)

* [Using a Custom Data Adapter](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Using%20a%20Custom%20Data%20Adapter.html)

* [Using Designer Events](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Using%20Designer%20Events.html)

* [Using the Full-Screen Mode in the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/blob/main/Working%20with%20Designer/Using%20the%20Full-Screen%20Mode%20in%20the%20Designer.html)

  

Application for working with Reports without any web-server:

* [Demo App](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/tree/main/Demo)



## Running samples

To launch these examples, you can use any web-server. Below are some options:

* run the `node index` command in the console and navigate to the `http://localhost:8888/` link in the web browser;

* just copy this folder to any web server, and open the `index.html` page in the web browser;

* in Visual Studio, please open the menu `File` and click to `Open` > `Web Site...` item, select the folder with this repository, right mouse click on the `index.html` > `Set As Start Page`, and run the project;

* the [Demo](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML/tree/main/Demo) project written in the HTML/JS, and can run without any web server side - it works in the browser from the local disk storage.



## Connect to SQL databases

Since pure JavaScript does not have built-in methods for working with remote databases, this functionality is implemented using server-side code. Therefore, Stimulsoft Reports.JS product contains server data adapters implemented using PHP, Node.js, ASP.NET, Java, .NET Core technologies.

* [DataAdapters.JS](https://github.com/stimulsoft/DataAdapters.JS)



## Other JS reporting components

Many examples for other platforms and technologies are collected in separate repositories:

* [Angular / AngularJS](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular)

* [Node.js](https://github.com/stimulsoft/Samples-Reports.JS-for-Node.js)

* [Python](https://github.com/stimulsoft/Samples-Reports.JS-for-Python)

* [React](https://github.com/stimulsoft/Samples-Reports.JS-for-React)

* [Vue.js](https://github.com/stimulsoft/Samples-Reports.JS-for-Vue.js)



## About Stimulsoft Reports.JS

Stimulsoft Reports.JS offers a wide range of reporting components created in pure JavaScript. The report builder can be easily integrated into any JavaScript app, works in any modern browser – Chrome, Firefox, Safari, Edge, and supports Node.js. The product contains everything you need to create, edit, build, view and export reports of high complexity.



## Useful links

* [Live Demo](http://demo.stimulsoft.com/#Js)

* [Product Page](https://www.stimulsoft.com/en/products/reports-js)

* [Free Download](https://www.stimulsoft.com/en/downloads)

* [NPM](https://www.npmjs.com/package/stimulsoft-reports-js)

* [Documentation](https://www.stimulsoft.com/en/documentation/online/programming-manual/index.html?reports_js.htm)

* [License](LICENSE.md)