Report Designer

• Jan 09, 2020

The topics in this section describe how to use the Web Report Designer in JavaScript, JavaScript with the React library, JavaScript with Angular, and in the Vue JavaScript Framework:

These approaches are based on the client-server model, that is, you need to create a server (backend) project and a client (frontend) part that includes all the necessary styles, scripts and HTML-templates.

• Client-Side Configuration

  • Report Designer Client-Side Configuration (Knockout)
  • Report Designer Client-Side Configuration (Angular)

• Server-Side Configuration

  • Report Designer Server-Side Configuration (ASP.NET MVC)
  • Report Designer Server-Side Configuration (ASP.NET Core)

The topics below provide integration examples:

• Basic Report Designer Integration (with Node.js Package Manager)
• Report Designer Integration in Angular
• Report Designer Integration in React
• Report Designer Integration in Vue

Note

Frontend and backend applications should use the same version of DevExpress controls.

Online Examples

• How to use the Web Report Designer in JavaScript
• How to use the Web Report Designer in JavaScript with Angular
• How to use the Web Report Designer in JavaScript with React
• How to use the Web Report Designer in JavaScript with Vue