试图在AlanJuden.MvcReportViewer中使用Find（Highlight） - asp.net.core

Question

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

查找代码是：

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/[email protected]()&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; }