Как мне отфильтровать загрузочную таблицу с помощью комбинированного списка? - PullRequest
Новая
       13

Как мне отфильтровать загрузочную таблицу с помощью комбинированного списка?

0 голосов
/ 28 мая 2019

У меня загрузочная таблица работает правильно.Данные таблицы поступают из php-скрипта, который возвращает правильный json для заполнения таблицы.В списке json есть поле «status», содержащее некоторые категориальные данные.Я поместил эти категоризированные данные в выпадающий список, который находится на панели инструментов, настроенной в атрибутах таблицы.Я хочу выбрать опцию в выпадающем списке для фильтрации таблицы.Я попробовал несколько альтернатив, но безуспешно.

Я знаю, что у таблицы начальной загрузки есть такие методы, как «загрузка», «обновление» и атрибуты, такие как «data-search-text», но я пытался объединить их безуспешно. 

<h3 class="page-header">Relatórios</h3>
<div class="row">
    <div id="toolbar">
        <select name="filtro_relatorios" id="filtro_relatorios" class="form-control">
            <option value="Aguardando">Aguardando</option>
            <option value="Aprovado">Aprovado</option>
            <option value="Reprovado">Reprovado</option>
            <option value="Cancelado">Cancelado</option>
            <option value="Pendente">Pendente</option>
            <option value="Todos">Todos</option>
        </select>
    </div>
</div>

<table id="table" 
        data-page-size="20"
        data-toggle="table" 
        data-pagination="true"
        data-search="true"
        data-url="<?=$link?>"
        data-formatter="LinkFormatter"
        data-toolbar="#toolbar"
        data-show-refresh="true">   
    <thead>
        <tr>
      <th data-field="nucleo">Núcleo</th>
      <th data-field="callsign">Callsign</th>
      <th data-field="numero" data-formatter="LinkFormatterNroRelatorio">Número</th>
      <th data-field="data_envio">Data Envio</th>
      <th data-field="nome_guerra">Nome Guerra</th>
      <th data-field="status">Status</th>
        </tr>
    </thead>
</table>

//the code is incomplete
$(function(){
    data =$('#table').bootstrapTable('getData');

    $('#filtro_relatorios').change(function(){
        var valor = $('#filtro_relatorios').val();
        filterData(valor);
    });
});

function filterData(type){
    console.log(data);
    var url = "relatorios/json.php?filtro=3";

    $('#table').bootstrapTable('load',type);
}

Я ожидаю, что таблица будет отфильтрована с помощью select 'filterro_relatorios'

...