Document Viewer

• Jan 09, 2020

The topics in this section describe how to use the Web Document Viewer 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

  • Document Viewer Client-Side Configuration (Knockout)
  • Document Viewer Client-Side Configuration (Angular)

• Server-Side Configuration

  • Document Viewer Server-Side Application (ASP.NET MVC)
  • Document Viewer Server-Side Application (ASP.NET Core)

The topics below provide integration examples:

• Basic Document Viewer Integration (With Node.js Package Manager)
• Document Viewer Integration in Angular
• Document Viewer Integration in React
• Document Viewer Integration in Vue
• Use the Report and Dashboard Server as a Backend

Note

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

Online Examples

• How to use the Web Document Viewer in JavaScript
• How to use the Web Document Viewer in JavaScript with Angular
• How to use the Document Viewer in JavaScript with React
• How to use the Web Document Viewer in JavaScript with Vue