Telerik reporting react sample

0 Answers 45 Views
Report Designer - Web
Daniela
Top achievements
Rank 1
Iron
Iron
Iron
Daniela asked on 08 Apr 2022, 08:09 AM

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
Telerik team
commented on 11 Apr 2022, 11:43 AM

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:

 

Neli
Telerik team
commented on 11 Apr 2022, 03:16 PM

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. 

No answers yet. Maybe you can help?

Tags
Report Designer - Web
Asked by
Daniela
Top achievements
Rank 1
Iron
Iron
Iron
Share this question
or