Фильтровать столбцы с данными с помощью Ajax - PullRequest
Новая
       13

Фильтровать столбцы с данными с помощью Ajax

0 голосов
/ 03 сентября 2018

У меня есть процесс, который уже извлекает данные таблицы по Ajax и работает отлично.

Мне нужно отфильтровать данные по столбцу. Я посмотрел примеры и увидел, что у него есть расширение «Контроль фильтра», но из того, что я понял или неправильно настроил, выдает следующую ошибку при использовании ajax:

Error 

    Uncaught TypeError: Cannot read property 'Nome' of undefined
        at String.<anonymous> (bootstrap-table-filter-control.min.js:7)
        at Function.each (jquery-2.2.4.min.js:2)
        at q (bootstrap-table-filter-control.min.js:7)
        at p.w.initBody (bootstrap-table-filter-control.min.js:7)
        at p.init (bootstrap-table.min.js:7)
        at p.b.init (bootstrap-table-filter.min.js:7)
        at p.w.init (bootstrap-table-filter-control.min.js:7)
        at new p (bootstrap-table.min.js:7)
        at HTMLTableElement.<anonymous> (bootstrap-table.min.js:8)
        at Function.each (jquery-2.2.4.min.js:2)

Будет ли работать расширение Select2 Filter для меня? Или у кого-нибудь есть пример с использованием Filter Control или Select2 Filter with Ajax?

Мой код 

<script>
    var payment_methods = {
        "PP": "PayPal - PP",
        "CC": "PayPal - CC"
    };
</script>

<table id="table"
                   data-toggle="table"
                data-url="/Ajax/Grid/"
                data-side-pagination="server"
                data-pagination="true"
                data-page-list="[5, 10, 20, 50, 100, 200, 500]"
                data-search="true"
                data-filter-control="true" 
                data-show-refresh="true"
                data-show-toggle="true"
                data-show-columns="true"
                data-query-params="parametrosDaConsulta"
                data-locale="pt-BR"
                data-search-on-enter-key="true"
                data-row-style="estiloDaLinha"
                data-toolbar="#exportarGrid"

       data-tipopesquisa="OperacaoPlanoLocalidade">
    <thead>
        <tr>
            <th data-field="Nome" data-width="288px" data-sortable="true" data-filter-control="select" data-filter-data="var:payment_methods">Cliente</th>
        </tr>
    </thead>
</table>
...