3

当我在寻找问题的解决方案时，我在微软论坛上看到了一个话题。用户提出了同样的问题，我想引用这个问题：

报表查看器控件未正确呈现工具栏。

我正在按照https://msdn.microsoft.com/en-us/library/mt764770.aspx上的 ReportViewer 2016 控件入门说明进行操作， 并且能够从我的应用程序运行报告，但是报告存在问题工具栏。

  1. 即使超链接处于活动状态，我也没有看到工具栏图标。

  2. 当我打开导出下拉菜单时，背景是透明的并且难以阅读。

  3. 报告参数下拉列表显示为文本框，但当我单击它们时，它们就像下拉列表一样。

附件是显示工具栏的图像，因为它在我的应用程序中呈现：

在此处输入图像描述

4

3 回答 3

5

据我所知，这仍然是一个问题，微软仍然没有发布更新来纠正使用主/子页面时丢失的图标。

我让控件在普通的 ASPX 页面中工作，并查看了图标的显示方式，看起来每个控件实例都生成了一个内联样式标记。

作为临时解决方法，直到 Microsoft 发布对此的修复程序，您可以使用下面的样式标记，我从内联 css 中提取了它。

<style>
    @font-face {
        font-family: "reportingservicesglyphs-regular";
        src: url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphs.eot");
        src: url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphs.eot?#iefix") format("embedded-opentype"),url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphs.woff") format("woff"),url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphs.ttf") format("truetype"),url("/Reserved.ReportViewerWebControl.axd?OpType=Resource&Version=13.0.1700.305&Name=Microsoft.Reporting.WebForms.Fonts.ReportingServicesGlyphssvg#PowerBIGlyphs-regular") format("svg");
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
    }

    .glyphui {
        position: relative;
        top: 2px;
        display: inline-block;
        font-family: "reportingservicesglyphs-regular";
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        font-size: 14pt;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .glyphui-calendar:before {
        content: "";
    }

    .glyphui-powerbi:before {
        content: "";
    }

    .glyphui-refresh:before {
        content: "";
    }

    .glyphui-back:before {
        content: "";
    }

    .glyphui-firstpage:before {
        content: "";
    }

    .glyphui-lastpage:before {
        content: "";
    }

    .glyphui-previouspage:before {
        content: "";
    }

    .glyphui-nextpage:before {
        content: "";
    }

    .glyphui-downarrow:before {
        content: "";
    }

    .glyphui-save:before {
        content: "";
    }

    .glyphui-print:before {
        content: "";
    }

    .MenuBarBkGnd div, .MenuBarBkGnd span, .DocMapBar {
        color: #000000;
    }

    .ActiveLink:link {
        color: #000000;
    }

    .ActiveLink:hover {
        color: #000000;
    }

    .ActiveLink:visited {
        color: #000000;
    }

        .ActiveLink:visited:hover {
            color: #000000;
        }

    :focus {
        outline-color: #F4F4F4;
    }

    span.glyphui {
        color: #000000;
    }

    .aspNetDisabled.DisabledButton span.glyphui {
        color: #7A7A7A;
    }

    .MenuBarBkGnd .HoverButton {
        background-color: #F4F4F4;
    }

    .WaitControlBackground {
        background-color: White;
        border-color: #DDDDDD;
    }

    .WaitText {
        font-size: 10pt;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #000000;
    }

    a, a:visited {
        color: #000000;
    }

    .CancelLinkText {
        font-size: 10pt;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .sk-circle .sk-child:before {
        background-color: #000000;
    }

    .spinnie .dot:after {
        background: #000000;
    }

    .ParametersFrame {
        background-color: White;
        border-color: #DDDDDD;
    }

        .ParametersFrame span.glyphui:hover {
            color: #000000;
            background-color: #F4F4F4;
        }

    .ParamEntryCell .glyphui.glyphui-downarrow {
        font-size: 8pt;
    }

    .ToolBarButtonsCell {
        border-color: #DDDDDD;
    }

    .ToolBarBackground {
        background-color: White;
    }

    .ToolbarExport.WidgetSet, .ToolbarFind.WidgetSet, .ToolbarZoom.WidgetSet, .ToolbarPageNav.WidgetSet, .ToolbarRefresh.WidgetSet, .ToolbarPrint.WidgetSet, .ToolbarBack.WidgetSet, .ToolbarPowerBI.WidgetSet {
        border-color: #DDDDDD;
    }

    .DisabledLink {
        color: #7A7A7A;
    }

        .DisabledLink:hover {
            color: #7A7A7A;
        }

    .DisabledTextBox {
        background-color: #FFFFFF;
    }

    .NormalButton {
        font-size: 10pt;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .DisabledButton {
        font-size: 10pt;
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .ToolbarExport .MenuBarBkGnd div {
        background-color: White;
        border-color: #DDDDDD;
    }

    .ToolbarExport .MenuBarBkGnd .HoverButton {
        background-color: #F4F4F4;
    }

    .ToolbarExport .glyphui-downarrow {
        font-size: 8pt;
    }

    .SplitterNormal, .SplitterHover {
        background-color: #DDDDDD;
    }

    .DocMapFrame, .DocMapTitle {
        border-color: #DDDDDD;
    }

    .documentMapHighlighting {
        background-color: #F4F4F4;
        color: #000000;
    }

    .DocMapContentCell a {
        color: #000000;
    }

    .searchHighlighting {
        background-color: #FFC20D;
    }

    .msrs-printdialog-main {
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .msrs-printdialog-caption, .msrs-printdialog-list-pageorientation {
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .msrs-printdialog-list-pagesize {
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
    }

    .msrs-printdialog-divbuttons {
        font-family: "Segoe UI","Helvetica Neue", Helvetica, Arial, sans-serif;
        background-color: #BB2124;
        color: #FFFFFF;
    }

    .msrs-printdialog-divhighlightbutton:hover, .msrs-printdialog-divhighlightbutton:focus {
        background-color: #D31115;
        color: #FFFFFF;
    }

    .msrs-printdialog-divhighlightbutton {
        background-color: #BB2124;
        border-color: #BB2124;
        color: #FFFFFF;
    }

    .msrs-printdialog-divnonhightlightbutton:hover, .msrs-printdialog-divnonhightlightbutton:focus {
        background-color: #E6E6E6;
        color: #000000;
    }

    .msrs-printdialog-divnonhightlightbutton {
        background-color: #C8C8C8;
        border-color: #C8C8C8;
        color: #000000;
    }
</style>
于 2016-11-15T13:09:11.717 回答
2

您是否在主/子页面中使用控件？当前的 Report Viewer Control RC 存在一个已知问题 - https://github.com/Microsoft/Reporting-Services/blob/master/Docs/Get-Started-With-RVC.md#known-issues

于 2016-10-07T16:03:47.803 回答
1

上面答案中的内容值混淆了。以下是正确的值：

.glyphui-calendar:before {
    content: "H";
}

.glyphui-powerbi:before {
    content: "E";
}

.glyphui-refresh:before {
    content: "F";
}

.glyphui-back:before {
    content: "G";
}

.glyphui-firstpage:before {
    content: "A";
}

.glyphui-lastpage:before {
    content: "B";
}

.glyphui-previouspage:before {
    content: "C";
}

.glyphui-nextpage:before {
    content: "D";
}

.glyphui-downarrow:before {
    content: "K";
}

.glyphui-save:before {
    content: "J";
}

.glyphui-print:before {
    content: "I";
}
于 2017-12-14T14:15:43.963 回答