mengrufurong 发表于 2018-5-19 15:14:11

html5 viewer 点击“save as”出错

使用html5 viewer,重写ReportService绑定数据源,并参考了HTML5 viewer的例子,然而点击另存为pdf报错

http://localhost:56505/Report/InStock/InStockReport.ar12?Token=5799dc7c-7ffb-4d25-8779-5443d50b4d73&Command=Export&ExportType=Pdf&FileName=Report/InStock/InStockReport&PreviewPages=0&Generation=1&Attachment=1


KearneyKang 发表于 2018-5-21 09:26:59

你好!
除了PDF导出保存,导出Word可以正常运行吗?
如果是这样,这是由于缺少导出PDF的引用导致
你在项目中添加这个引用就行,
GrapeCity.ActiveReports.Export.Pdf.v12.dll
引用路径:C:\Program Files (x86)\Common Files\GrapeCity\ActiveReports 12

mengrufurong 发表于 2018-5-22 10:58:48

您好,我在加服务时默认就引用了dll,
但是依然还有这个问题,我猜测可能是不是HTML5里面引用的脚本不够还是顺序有问题呀,我贴一下如下:
@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <link href="~/Content/Report/css/bootstrap.css" rel="stylesheet" />
    @*<link href="~/Content/Report/css/bootstrap-datetimepicker.css" rel="stylesheet" />
    <link href="~/Content/Report/css/theme-cosmo.css" rel="stylesheet" />
    <link href="~/Content/Report/css/site.css" rel="stylesheet" />*@
    <link href="~/Content/Report/css/GrapeCity.ActiveReports.Viewer.Html.css" rel="stylesheet" />
</head>
<body>
    <div>
      <div id="viewer" style="height:460px;width:100%;"></div>
    </div>
    <script src="~/Content/Report/js/jquery-1.10.2.js"></script>
    <script src="~/Content/Report/js/bootstrap-3.0.0.js"></script>
    <script src="~/Content/Report/js/knockout-2.3.0.js"></script>
    <script src="~/Content/Report/js/GrapeCity.ActiveReports.Viewer.Html.js"></script>
    <script src="~/Content/js/hh.base/HH.Magic.Common.js"></script>
    <script>
      $(function () {
            var opNo = GetUrlParam("opNo");
            var viewer = GrapeCity.ActiveReports.Viewer({
                element: '#viewer',
                report: {
                  id: 'Report/InStock/InStockReport.rdlx',//'CustomDataSource.rdlx',
                  parameters: [
                              {
                                    name: 'opNo',
                                    value: opNo
                              }, {
                                    name: 'reportName',
                                    value:'入库单报表'
                              }
                  ]
                },
                reportService: {
                  url: '/Report/InStock/InStockActiveService.asmx'
                },
                uiType: 'desktop',
                localeUri: '/Content/Report/js/i18n/Localeuri.txt',
                documentLoaded: function reportLoader() {
                  //viewer.print();
                },
                reportLoaded: function (reportInfo) {
                  console.log(reportInfo.parameters);
                }
            });

            $(window).bind('beforeunload', function () {
                viewer.destroy();
            });
      })
    </script>
    <script src="~/Content/Report/js/modernizr-2.8.3.js"></script>
    <script src="~/Content/Report/js/jquery.livequery-1.3.6.js"></script>
    <script src="~/Content/Report/js/bootstrap-datetimepicker-2.3.11.js"></script>
    <script src="~/Content/Report/js/locales/bootstrap-datetimepicker.ja.js"></script>
    <script src="~/Content/Report/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
</body>
</html>

mengrufurong 发表于 2018-5-22 12:41:19

KearneyKang 发表于 2018-5-21 09:26
你好!
除了PDF导出保存,导出Word可以正常运行吗?
如果是这样,这是由于缺少导出PDF的引用导致


您好,您能帮忙看下是不是配置文件缺少什么内容吗,文件在附件中

KearneyKang 发表于 2018-5-22 14:29:08

你好!
CSS和JS的引用顺序如下 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../Css/site.css" rel="stylesheet" />
    <link href="../Css/theme-cosmo.css" rel="stylesheet" />
    <link href="../Css/GrapeCity.ActiveReports.Viewer.Html.css" rel="stylesheet" />   
</head>
<body>
<form id="form2" runat="server">
   </form>   
    <div id="viewer" style="width:100%; height:650px;"></div>
    <script src="../Script/bootstrap-3.0.0.js"></script>
    <script src="../Script/knockout-2.3.0.js"></script>
    <script src="../Script/jquery-1.10.2.js"></script>
    <script src="../Script/GrapeCity.ActiveReports.Viewer.Html.js"></script>
    <script type="text/javascript">      我看了你的配置文件和截图发现所需引用都在
你现在的问题是点击其它的导出按钮都正常,就是导出PDF异常是这样嘛
如果是这样,你把引用中原来的GrapeCity.ActiveReports.Export.Pdf.v12先移除,然后在本地文件下找到AR的所有引用然后添加该引用
然后把CSS和JS的顺序按着我给的顺序引用,然后重新生成,调试运行的时候强刷浏览器清除缓存。看是否可以正常运行

如果还是没办法解决你的问题,你最好能提供一个可以反馈你问题的简单demo,我在我这边重现你的问题,然后找到解决办法,告诉你具体的操作步骤。


mengrufurong 发表于 2018-5-22 17:34:11

KearneyKang 发表于 2018-5-22 14:29
你好!
CSS和JS的引用顺序如下我看了你的配置文件和截图发现所需引用都在
你现在的问题是点击其它的导出 ...

嗯,现在好了,之前是所有的pdf、word、图片均显示这个错误,我自己单独写的demo是可以的,我又重新建了个目录放进去,竟然可以了,谢谢您的帮助。

KearneyKang 发表于 2018-5-22 18:34:53

哦!那可能是JS和CSS的调用哪里存在一点误差。问题解决了就好
页: [1]
查看完整版本: html5 viewer 点击“save as”出错