How to create datasource in ActiveReportsJS Designer based on Rest API

How to create datasource in ActiveReportsJS Designer based on Rest API

Posted by: hmihir on 25 March 2020, 9:41 am EST

• 

  hmihir

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 25 March 2020, 9:41 am EST

  We are using ActiveReports in Windows Applications.

  Moving forward we have migrated our windows application to Web using angular in UI. So We need to move all our reports to angular.

  So I am planning to use ActiveReportDesignerJS to create report.

  I have few questions here since there is no proper documentation on it.

  1. How to create datasource based on Rest API (as we are using web api)
  2. How to pass parameter , as for every report we are filtering data based on the parameters ?
     
     e.g. start date , end date , client , note type etc…
     
     based on the value selected we want to call API and the response should be bound to report.
     
     So how can we pass parameter from angular application?
  3. Can we have sample application in angular with report data coming from API with parameters ?
• 

  hmihir

  • Post Options:
  • Link
    Copy

  Posted 25 March 2020, 9:46 am EST

  please provide sample in angular 7+

• 

  mohitg

  

  • Post Options:
  • Link
    Copy

  Posted 26 March 2020, 12:25 am EST

  Hello,

  You can use the following steps to use ARJS in the Angular application:
  
  https://www.grapecity.com/activereportsjs/docs/GettingStarted/QuickStart/QuickStart-Angular

  You can refer to the following solution to achieve your requirement:
  
  https://www.grapecity.com/forums/activereports/binding-data-at-runtime-wi#helloyou-can-achieve-the-s

  Please refer to the attached sample.arjs-angular.zip

  Thanks,
  
  Mohit