2016-02-02 2 views
0

У меня возникла проблема с использованием служб Telerik REST и их просмотра отчетов HTML5.Telerik HTML5 Report Viewer - Ошибка при загрузке шаблонов просмотра отчетов

Вот мой сценарий:

У меня есть C# консольное приложение, которое хозяйничает в API REST сервисов. Я установил этот проект в соответствии со статьей Telerik: How To: Self Host Telerik Reporting REST Web API. Кажется, это работает без проблем. Я могу перейти на http://localhost:8080/api/reports/formats и получить ожидаемые результаты, что говорит о том, что сервер REST доступен и обрабатывает реквизиты.

Затем я создал отдельный проект для запуска средства просмотра отчетов. Это приложение форм Windows C#, у которого есть элемент WebBrowser, указывающий на URL-адрес моего HTML-файла для просмотра отчетов. HTML-файл Report Viewer HTML является созданным по умолчанию файлом при создании нового средства просмотра отчетов Telerik HTML 5 в Visual Studio - он создает для вас все необходимые фрагменты. Вот код:

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Telerik HTML5 Report Viewer</title> 

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

    <link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" /> 

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

    <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.common.min.css" rel="stylesheet" /> 
    <link href="http://cdn.kendostatic.com/2013.2.918/styles/kendo.blueopal.min.css" rel="stylesheet" /> 

    <!--kendo.all.min.js can be used as well instead of kendo.web.min.js and kendo.mobile.min.js--> 
    <script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.web.min.js"></script> 
    <!--kendo.mobile.min.js - optional, if gestures/touch support is required--> 
    <script src="http://cdn.kendostatic.com/2013.2.918/js/kendo.mobile.min.js"></script> 

    <link href="ReportViewer/styles/telerikReportViewer-9.0.15.324.css" rel="stylesheet" /> 
    <script src="ReportViewer/js/telerikReportViewer-9.0.15.324.min.js"></script> 

    <style> 
     #reportViewer1 { 
      position: absolute; 
      left: 5px; 
      right: 5px; 
      top: 5px; 
      bottom: 5px; 
      overflow: hidden; 
      font-family: Verdana, Arial; 
     } 
    </style> 
</head> 
<body> 

    <div id="reportViewer1"> 

    </div> 

     <script type="text/javascript"> 

      $(document).ready(function() { 
       $("#reportViewer1") 
        .telerik_ReportViewer({ 


         serviceUrl: "http://localhost:8080/api/reports/", 

         templateUrl: "ReportViewer/templates/telerikReportViewerTemplate-9.0.15.324.html", 
         //ReportSource - report description 
         reportSource: { 
          report: "Reports/SampleReport.trdx",       
          parameters: { 
           Date: new Date(), 
          } 
         }, 

         viewMode: telerikReportViewer.ViewModes.INTERACTIVE,     
         scaleMode: telerikReportViewer.ScaleModes.SPECIFIC, 
         scale: 1.0, 

         ready: function() { 
          //this.refreshReport(); 
         }, 
        }); 
      }); 
    </script> 

</body> 
</html> 

Когда я запускаю этот appliaction, веб-браузер загружает страницу, но затем отображает «Ошибка при загрузке шаблонов зрителя отчета.» Я попытался разместить шаблоны на стороне сервера, но я не могу понять, что я делаю неправильно.

Если у кого-нибудь есть предложения относительно того, что я могу попытаться разрешить эту ошибку, я бы очень признателен! Я использую Telerik 2015 Q1.

Спасибо!

+0

Это не 'serviceUrl'. Корректный путь 'templateUrl'? Из того, что я помню, этот шаблон не должен содержать номер версии. – Zippy

+0

путь templateUrl верен, насколько я могу судить. Номер версии, который вы видите, просто является частью имени файла. Я попробовал переименовать файл, чтобы не иметь номер версии, но безрезультатно. – Keith

ответ

1

Я нашел свою проблему. Оказывается, это была проблема с перекрестным происхождением. Я закончил тем, что взял требуемые шаблоны и скрипты, и разместил их на простой странице IIS на сервере и ссылался на них с использованием абсолютного URL-адреса. Это привело меня к проблеме, которую я испытывал.