Question

报告分页工作，刷新工作，导出（带有一些问题）和打印工作，但“查找”未突出显示任何内容。

查找代码为：

function findText() {
            $('.ReportViewerContent').removeHighlight();
            var searchText = $("#ReportViewerSearchText").val();
            if (searchText != undefined && searchText != null && searchText != "") {
                showLoadingProgress('Searching Report...');
                var params = $('.ParametersContainer :input').serializeArray();
                var urlParams = $.param(params);

                var page = parseInt($('#ReportViewerCurrentPage').val());

                $.get("/Report/FindStringInReport/?reportPath=@Model.ReportPath.UrlEncode()&page=" + page + "&searchText=" + searchText + "&" + urlParams).done(function (data) {
                    if (data > 0) {
                        viewReportPage(data, function () {
                            $('.ReportViewerContent').highlight(searchText);
                            hideLoadingProgress();
                        });
                    } else {
                        $('.ReportViewerContent').highlight(searchText);
                        hideLoadingProgress();
                    }
                });
            }
        }

_Layout中的脚本为：

    <script src="~/lib/jquery/dist/jquery-3.3.1.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>

报表查看器中的脚本为：

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/select2.min.css" />
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/select2-bootstrap.min.css" />
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/mvcreportviewer-bootstrap.css" />       
<script src="~/lib/bootstrap/dist/js/select2.min.4.0.3.js"></script>
<script src="~/lib/jquery/dist/jquery.highlight-5.js"></script>

尝试过以下选项：

$('.ReportViewerContent').highlight(searchText, { wholeWord: false, ignoreCase: true, color: "#ffff00", bold: true });

任何想法。

Answer 1

我刚刚在我的工作环境上进行了测试，这很突出。它确实需要一个css类来使其突出显示。因此，请确保您具有类似于以下内容的“ .highlight”样式：

.highlight { background-color: yellow; }

尝试在AlanJuden.MvcReportViewer中使用Find（Hightlight）-asp.net.core

1 个答案: