Question

我有一个使用Datatables的datatable。我创建并填充了表格，如下所示。现在我需要实现一个组合框来过滤所有表格，例如，当我选择2012年时，只显示具有此日期的记录..

<div class="row">
    <div id="flux-col-1" class="col-md-12">
        <div class="body" id="">
            <div class="row">

                    <table id="example" class="display" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>From</th>
                                <th>Object</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                </table>
            </div>
        </div>
    </div>
</div>

<script>

$(document).ready(function() {
    var ref = $('#example').DataTable({
        "processing": true,
        "serverSide": true,
        "ajax": "mails",
        "columns": [
                    { "data": "from" },
                    { "data": "object" },
                    { "data": "created" }
                ]
    } );

} );


</script>

Answer 1

您需要使用data对象在请求中传递其他参数。

此示例取自文档：

vat oTable = $('#example').dataTable( {
  "ajax": {
    "url": "data.json",
    "data": function ( d ) {
        d.extra_search = $('#myselect :selected').val();
    }
  }
});

假设您有一个包含id = 'myselect'的选择列表，您可以在选择列表更改事件上调用draw()：

$('#myselect').change(function (e) {
    oTable.draw();
});

数据表将组合框添加到过滤器表服务器端

1 个答案: