Попытка использовать Find (Hightlight) в AlanJuden.MvcReportViewer - asp.net.core

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; }