how to create datasource in ActiveReportsJS Designer based on Rest API

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

  • 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 ?



  • Replied 25 March 2020, 9:46 am EST

    please provide sample in angular 7+
  • Replied 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
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels