Как настроить поиск по загрузочной сетке - PullRequest
Новая
       19

Как настроить поиск по загрузочной сетке

0 голосов
/ 24 апреля 2019

Я пытаюсь настроить окно поиска для управления загрузочной сеткой, как показано на странице примера здесь . Навигация по страницам вызывает вызов ajax, и метод сервера, обрабатывающий вызов ajax, получает searchPhrase, но ввод в поле поиска не вызывает метод сервера. Как документация, так и различные вопросы и ответы не содержали указаний, этот является ближайшим вопросом, но не касался моей проблемы.

Я делаю это на веб-сайте ASP.NET MVC, здесь приведен соответствующий фрагмент кода. 

            <div id="grid-command-buttons-header" class="bootgrid-header container-fluid">
            <div class="row">
                <div class="col-sm-12 actionBar">
                    <div class="search form-group">
                        <div class="input-group">
                            <span class="icon fa input-group-addon fa-search"></span>
                            <input type="text" class="search-field form-control" placeholder="Search">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <table class="table table-condensed table-hover table-striped" id="redisKeyResults">
            <thead>
                <tr>
                    <th data-column-id="KeyName" data-formatter="link" data-type="string" data-order="desc" data-identifier="true">Key</th>
                    <th data-column-id="KeyName" data-formatter="commands">Flush</th>
                </tr>
            </thead>
        </table>

Javascript код для настройки загрузочной сетки, как показано ниже 

$("#redisKeyResults").bootgrid({
    ajax: true,
    url: "RedisCacheKeyManagement/GetRedisKeyResultGrid",
    post: function() {
        return {
            id: "b0df282a-0d67-40e5-8558-c9e93b7befed"
        };
    },
    formatters: {
        "commands": function(column, row) {
            return "<button type=\"button\" class=\"btn btn-xs btn-danger command-delete\" data-row-id=\"" +
                row.KeyName +
                "\">Flush</button>";
        },
        "link": function(column, row) {
            return "<a class=\"link-get\" data-row-id=\"" + row.KeyName + "\" href=\"" + row.link + "\">" + row.KeyName + "</a>";
        }
    }
})

1 Ответ

0 голосов
/ 24 апреля 2019

Ответ на настройку поиска состоит в том, чтобы включить навигацию заголовка на загрузочной сетке.Общие настройки можно установить с помощью API для тега таблицы и параметров столбца для тега th.

На основании руководства по документации , установка атрибута навигации по данным для тега таблицы со значением 2 или 3 показывает окно поиска со всеми функциями. 

<table class="table table-condensed table-hover table-striped" id="redisKeyResults" data-navigation="3">

Надеюсь, это поможет кому-то столкнуться с той же проблемой.

...