Trying to integrated HTML 5 viewer and REST service into my existing application, but have hit a wall I can't for the life of me work out
Report (very simple file, just plain text) is being executed as output in the Debug window
DocumentFormat.OpenXml.Packaging.WordprocessingDocument
DocumentFormat.OpenXml.Packaging.PresentationDocument
DocumentFormat.OpenXml.Packaging.SpreadsheetDocument
*** RenderReport #0 STARTED ***
*** RenderReport #0 DONE in 00:00:00.2709344 ***
All calls to the service are executing successfully as shown in the Fiddler log
POST http://localhost:36584/api/reports/clients
200 OK (application/json)
POST http://localhost:36584/api/reports/clients/112900-47f1/parameters
200 OK (application/json)
POST http://localhost:36584/api/reports/clients/112900-47f1/instances
201 Created (application/json)
POST http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents
202 Accepted (application/json)
GET http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents/112901-c304112901-f7a7/info
202 Accepted (application/json)
GET http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents/112901-c304112901-f7a7/info
202 Accepted (application/json)
GET http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents/112901-c304112901-f7a7/info
200 OK (application/json)
GET http://localhost:36584/api/reports/clients/112900-47f1/instances/102544-4330/documents/112901-c304112901-f7a7/pages/1
200 OK (application/json)
Output from the main call seems OK
pageContent=<
div
><
div
class
=
"sheet page1"
style
=
"padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;width:605px;height:340px;"
><
div
class
=
"layer"
><
div
title
=
""
class
=
"Report2 s0-112901-c304112901-f7a7"
style
=
"position:absolute;overflow:hidden;left:0px;top:76px;width:605px;height:189px;"
></
div
><
div
title
=
""
class
=
"Group s0-112901-c304112901-f7a7"
style
=
"position:absolute;overflow:hidden;left:0px;top:76px;width:605px;height:189px;"
></
div
><
div
title
=
""
class
=
"detailSection1 s1-112901-c304112901-f7a7"
style
=
"position:absolute;overflow:hidden;left:0px;top:76px;width:605px;height:189px;"
></
div
><
div
title
=
""
class
=
"textBox1 s2-112901-c304112901-f7a7"
style
=
"position:absolute;overflow:hidden;left:249px;top:151px;width:108px;height:38px;"
><
div
style
=
"position:absolute;top:0px;white-space:pre;left:3px;"
>THIS IS ONLY A </
div
><
div
style
=
"position:absolute;top:15px;white-space:pre;left:3px;"
>TEST !!!!!!!!!!!</
div
></
div
><
div
title
=
""
class
=
"pageHeaderSection1 s3-112901-c304112901-f7a7"
style
=
"position:absolute;overflow:hidden;left:0px;top:0px;width:605px;height:76px;"
></
div
><
div
title
=
""
class
=
"pageFooterSection1 s4-112901-c304112901-f7a7"
style
=
"position:absolute;overflow:hidden;left:0px;top:265px;width:605px;height:75px;"
></
div
><
div
class
=
"trial"
>Telerik Reporting v9.1 trial version. Copyright Telerik AD © 2006-2015.<
br
/>To remove this message, please obtain a commercial version from <
a
href
=
"http://www.telerik.com"
target
=
"_blank"
>www.telerik.com</
a
></
div
></
div
></
div
></
div
>
Yet my UI still remains at the default / placeholder text of Loading ...
app.controller("reportViewController", function () {
$("#reportViewer1")
.telerik_ReportViewer({
serviceUrl: '/api/reports/',
templateUrl: '/ReportViewer/templates/telerikReportViewerTemplate-9.1.15.731.html',
reportSource: {
report: 'Report1.trdx',
parameters: {
CultureID: "en"
}
},
scaleMode: telerikReportViewer.ScaleModes.FIT_PAGE,
scale: 1.0
});
});
<
style
>
#reportViewer1 {
position: absolute;
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
font-family: 'segoe ui', 'ms sans serif';
overflow: hidden;
}
</
style
>
<
div
id
=
"parent"
>
<
div
id
=
"reportViewer1"
class
=
"k-widget"
>
LOADING ...
</
div
>
</
div
>
Thanks in advance!