Using Reporting Controls in JS
- 2 minutes to read
The topics in this section describe how to use the End-User Web Report Designer and HTML5 Document Viewer in JavaScript, JavaScript with the React library, JavaScript with Angular, and DevExtreme applications.
These approaches are based on the client-server model, that is, you need to create a server (backend) project in ASP.NET MVC implementation and a client (frontend) part that includes all the necessary styles, scripts and HTML-templates.
The following documents describe how to prepare backend applications for reporting controls:
Refer to the following topic for general information on reporting bindings:
The documents below explain how to configure client parts and correctly run client-server solutions:
- Basic Document Viewer Integration in JavaScript (Using Bower)
- Basic Document Viewer Integration in JavaScript (Using Node.js Package Manager)
- Basic Report Designer Integration in JavaScript (Using Bower)
- Basic Report Designer Integration in JavaScript (Using Node.js Package Manager)
- Document Viewer Integration into a DevExtreme application
- Report Designer Integration into a DevExtreme application
- Document Viewer Integration in ReactJS
- Report Designer Integration in ReactJS
- Document Viewer Integration in Angular2
- Report Designer Integration in Angular2
Tip
The following examples are available online:
JavaScript
DevExtreme Applications
- How to use the HTML5 Document Viewer in a DevExtreme application
- How to use the Web Report Designer in a DevExtreme application
ReactJS
- How to use the Web Document Viewer in JavaScript with ReactJS
- How to use the Web Report Designer in JavaScript with ReactJS
Angular2