Safari 和 Chrome 中的报告为空白

Question

我将我们的报告服务从版本 2008 迁移到另一个服务器版本 2008 R2。在 2008 版本中，报告在 Safari 上运行良好。新版本2008 R2 报告根本不显示。我看到的只是参数部分，然后报告是空白的。在 Chrome 中也是如此。根据 Microsoft 的说法，如果以有限的方式支持 Safari。报告并不复杂。事实上，我创建了一个报告，上面只有一行，看看它是否会显示在 Safari 中，但不会，该报告也是完全空白的。有人让 SSRS 报告可以在 Safari 上查看吗？我是否必须搞乱某种配置设置？

Answer 1

最终解决方案（也适用于 SSRS 2012！）

将以下脚本附加到以下文件（在 SSRS 服务器上）
C:\Program Files\Microsoft SQL Server\MSRS10_50.MSSQLSERVER\Reporting Services\ReportManager\js\ReportingServices.js

function pageLoad() {    
    var element = document.getElementById("ctl31_ctl10");
    if (element) 
    {
        element.style.overflow = "visible"; 
    }
}

注意：正如 azzlak 所指出的，div 的名称不是始终ctl31_ctl10。对于 SQL 2012，请尝试 ctl32_ctl09；对于 2008 R2，请尝试 ctl31_ctl09。如果此解决方案不起作用，请通过浏览器查看 HTML，将 overflow:auto 属性更改为 overflow:visible，看看脚本是否正常工作。

---

ReportViewer 控件的解决方案

将此样式行插入 .aspx 页面（或链接的 .css 文件，如果可用）

#reportViewer_ctl09 {
  overflow:visible !important;
 }

---

原因

Chrome 和 Safari 渲染 overflow:auto< /code> 以不同的方式尊重 IE。

SSRS HTML 是 QuirksMode HTML，依赖于 IE 5.5 错误。非 IE 浏览器没有 IE 怪异模式，因此可以正确呈现 HTML

SSRS 2008 R2 报告生成的 HTML 页面包含一个具有 overflow:auto 样式的 div，它将报告变成了无形的报告。

<div id="ctl31_ctl10" style="height:100%;width:100%;overflow:auto;position:relative;">

我可以通过使用 Chrome 开发工具 (F12) 在生成的网页中手动将 overflow:auto 更改为 overflow:visible 来查看 Chrome 上的报告。

---

我喜欢蒂姆的解决方案 ，它既简单又有效。

但仍然存在一个问题：每当用户更改参数（我的报告使用参数！）AJAX 刷新 div 时，overflow:auto 标记就会被重写，并且没有脚本会更改它。

此技术说明详细信息解释了问题所在：

发生这种情况是因为在使用 AJAX 面板构建的页面中，只有 AJAX 面板会更改其状态，而不会刷新整个页面。因此，您在 标记上应用的 OnLoad 事件仅触发一次：页面第一次加载时。此后，更改任何 AJAX 面板将不再触发这些事件。

用户 einarq 建议此解决方案：

另一个选项是将函数重命名为 pageLoad。任何具有此名称的函数都将被 asp.net ajax 自动调用（如果该函数存在于页面上），并且在每次部分更新之后也是如此。如果这样做，您还可以从 body 标记中删除 onload 属性

因此编写了解决方案中显示的改进脚本。

Answer 2

只需包含 SizeToReportContent="true" ，如下所示

<rsweb:ReportViewer ID="ReportViewer1" runat="server" SizeToReportContent="True"...

Answer 3

我使用的是 Chrome 版本 21 和 SQL 2008 R2 SP1，以上修复均对我不起作用。下面是有效的代码，与其他答案一样，我将这段代码添加到 Append to "C:\Program Files\Microsoft SQL Server\MSRS10_50.MSSQLSERVER\Reporting Services\ReportManager\js\ReportingServices.js “（在 SSRS 服务器上）：

//Fix to allow Chrome to display SSRS Reports
function pageLoad() { 
    var element = document.getElementById("ctl31_ctl09");
    if (element) 
    {
        element.style.overflow = "visible";         
    } 
}

Answer 4

这是 已知问题。问题是 div 标签的样式为“overflow: auto”，显然这种样式在 Safari 和 Chrome 使用的 WebKit 中没有很好地实现（参见 Emanuele Greco 的回答）。我不知道如何利用 Emanuele 的建议来使用 RS:ReportViewerHost 元素，但我使用 JavaScript 解决了它。

问题

解决方案

由于“溢出：自动”在 ID 为“ctl31_ctl10”的 div 元素的 style 属性中指定，我们无法在样式表文件中覆盖它，因此我求助于 JavaScript。我将以下代码附加到“C:\Program Files\Microsoft SQL Server\MSRS10_50.MSSQLSERVER\Reporting Services\ReportManager\js\ReportingServices.js”

function FixSafari()
{    
    var element = document.getElementById("ctl31_ctl10");
    if (element) 
    {
        element.style.overflow = "visible";  //default overflow value
    }
}

// Code from http://stackoverflow.com/questions/9434/how-do-i-add-an-additional-window-onload-event-in-javascript
if (window.addEventListener) // W3C standard
{
    window.addEventListener('load', FixSafari, false); // NB **not** 'onload'
} 
else if (window.attachEvent) // Microsoft
{
    window.attachEvent('onload', FixSafari);
}

注意

似乎有一个 解决方案对于SSRS 2005，我没有尝试过，但我认为它不适用于SSRS 2008，因为我找不到“Doc​​MapAndReportFrame”类。

Answer 5

我的解决方案基于上述想法。

function pageLoad() {
    var element = document.querySelector('table[id*=_fixedTable] > tbody > tr:last-child > td:last-child > div');
    if (element) {
        element.style.overflow = "visible";
    } 
}

它不限于某个 id，而且您不需要包含任何其他库，例如 jQuery。

Answer 6

这是我用于 Report Server 2008 R2 的解决方案，

无论 Report Server 将输出什么内容以用于表的“id”属性，它都应该有效。我不认为你总是可以假设它会是“ctl31_fixedTable”

我混合使用了上面的建议和一些方法来从找到的javascript文件将jquery库动态加载到页面中 此处

在服务器上转到目录：
C:\Program Files\Microsoft SQL Server\MSRS10_50.MSSQLSERVER\Reporting Services\ReportManager\js

将 jquery 库 jquery-1.6.2.min.js 复制到目录中

创建文件 ReportingServices.js 的备份副本
编辑文件。并将其附加到其底部：

var jQueryScriptOutputted = false;
function initJQuery() {

    //if the jQuery object isn't available
    if (typeof(jQuery) == 'undefined') {


        if (! jQueryScriptOutputted) {
            //only output the script once..
            jQueryScriptOutputted = true;

            //output the script 
            document.write("<scr" + "ipt type=\"text/javascript\" src=\"../js/jquery-1.6.2.min.js\"></scr" + "ipt>");
         }
        setTimeout("initJQuery()", 50);
    } else {

        $(function() {     

        // Bug-fix on Chrome and Safari etc (webkit)
        if ($.browser.webkit) {

            // Start timer to make sure overflow is set to visible
             setInterval(function () {
                var div = $('table[id*=_fixedTable] > tbody > tr:last > td:last > div')

                div.css('overflow', 'visible');
            }, 1000);
        }

        });
    }        
}

initJQuery();

Answer 7

您可以使用 jQuery 轻松修复此问题 - 以及一些丑陋的 hack :-)

我有一个带有 ReportViewer 用户控件的 asp.net 页面。

 <rsweb:ReportViewer ID="ReportViewer1" runat="server"...

在文档就绪事件中，我然后启动一个计时器并查找需要溢出修复的元素（如之前的帖子）：

 <script type="text/javascript">
    $(function () {
        // Bug-fix on Chrome and Safari etc (webkit)
        if ($.browser.webkit) {
            // Start timer to make sure overflow is set to visible
             setInterval(function () {
                var div = $('#<%=ReportViewer1.ClientID %>_fixedTable > tbody > tr:last > td:last > div')
                div.css('overflow', 'visible');
            }, 1000);
        }
    });
</script>

比假设它具有特定的 id 更好。
您可以根据自己的喜好调整计时器。我这里设置为1000毫秒。

Answer 8

仅供参考 - 上述内容在 2012 SP1 中都对我不起作用...简单的解决方案是将凭据嵌入共享数据源，然后告诉 Safari 信任 SSRS 服务器站点。然后效果很好！花了几天时间寻找像上面这样的所谓解决方案，结果发现集成安全性在 Safari 上无法可靠地工作 - 你必须弄乱 mac 上的钥匙串，然后仍然无法可靠地工作。

Answer 9

埃马努埃莱提供的解决方案对我有用。当我直接从服务器访问该报告时，我可以看到该报告，但是当我在 aspx 页面上使用 ReportViewer 控件时，我无法看到该报告。检查渲染的 HTML 后，我发现了一个 ID 为“ReportViewerGeneral_ctl09”的 div（ReportViewerGeneral 是报表查看器控件的服务器 ID），其溢出属性设置为 auto。

<div id="ReportViewerGeneral_ctl09" style="height: 100%; width: 100%; overflow: auto; position: relative; ">...</div>

我使用 Emanuele 解释的过程将其更改为可见，如下所示：

function pageLoad() {
    var element = document.getElementById("ReportViewerGeneral_ctl09");

    if (element) {
        element.style.overflow = "visible";
    }
}

Answer 10

我用过这个。在 Report.aspx 页面上添加对 jquery 的脚本引用。使用以下命令将 JQuery 链接到 microsoft 事件。使用了埃里克的一些建议来设置溢出。

$(document).ready(function () {
    if (navigator.userAgent.toLowerCase().indexOf("webkit") >= 0) {        
        Sys.Application.add_init(function () {
            var prm = Sys.WebForms.PageRequestManager.getInstance();
            if (!prm.get_isInAsyncPostBack()) {
                prm.add_endRequest(function () {
                    var divs = $('table[id*=_fixedTable] > tbody > tr:last > td:last > div')
                    divs.each(function (idx, element) {
                        $(element).css('overflow', 'visible');
                    });
                });
            }
        });
    }
});