Telerik reporting react sample

[Daniela]

Hello,

 

I can see that for the react sample that you have in your website you are consuming the report from this url https://demos.telerik.com/reporting/api/reportdesigner/reports/Barcodes%20report.trdx/ My question is how do you generate that json in order to display the report? Thanks

Here is the code:

export default class ReportDesigner extends Component {

    componentDidMount() {

        window.jQuery('#reportDesigner1')

            .telerik_WebReportDesigner({

                toolboxArea: {

                    layout: "list" //Change to "grid" to display the contents of the Components area in a flow grid layout.

                },

                serviceUrl: "https://demos.telerik.com/reporting/api/reportdesigner/",

                report: "Barcodes report.trdx"

            }).data("telerik_WebDesigner");

    }

    render() {

        return <div id="reportDesigner1"></div>

    }

}

 

[Neli]

Hi Daniela,

Can you please specify which JSON you mean? In this example, we use the REST service from our online demos. To implement your own that contains your reports, you can follow the steps from:

• How to set up in .NET 5 and .NET Core 3.1 applications
• How to set up in .NET Framework application

 

[Daniela]

Hello,

 

I mean this json: https://demos.telerik.com/reporting/api/reportdesigner/reports/Barcodes%20report.trdx/?_ga=2.231892191.1727418918.1649329510-992823123.1644586107&_gac=1.48813140.1647938413.Cj0KCQjw5-WRBhCKARIsAAId9Fmou3pbm824RvPNUsuLP4wkAPaFZ2wwxZ1NRKuwYlMI5H3UXBoyHGsaAl8_EALw_wcB

 

Thanks,

[Neli]

Hi Daniela,

Thank you for your response.

Internally, we serialize the report which is an XML to JSON. Then the report is served by the Telerik Reporting REST service to the viewer.