Question

我的引导表正常工作。表数据来自一个php脚本，该脚本返回正确的json来填充表。 json列表具有一个“状态”字段，其中包含一些分类数据。我将这些分类的数据放在在表属性中配置的工具栏中的组合框中。我想在组合框中选择一个选项来过滤表。我尝试了一些替代方法，但没有成功。

我知道引导表具有诸如“加载”，“刷新”之类的方法以及诸如“数据搜索文本”之类的属性，但是我试图将它们结合起来而没有成功。

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

我希望通过选择'filtro_relatorios'来过滤表格

如何使用组合框过滤引导表？

0 个答案: