javascript - DataTable 1.10x jQuery 列过滤器通过输入文本框服务器端

Question

我在通过输入元素进行DataTable 1.10列过滤时遇到问题。

jQuery(document).ready(function() {    

    dt_table = $('#datatable_list').DataTable( {
        "dom": "<'top'i>rt<'table-scrollable't>lp",
        "processing": true,
        "serverSide": true,
        "ajax": "ajax/list_json.php",
        "pageLength": 10,
        "autoWidth": false
    }); 

    $('#quickfind').on( 'keyup', function () { dt_table.search( this.value ).draw(); } );

});

如您所见，我正在使用带有 json 输出的服务器端处理。总列表很充实。

表中的页脚有 4 个输入:

    <tfoot>
        <tr>
            <th><input type="text" id="filters_0" name="filters_0" class="form-control form-filter"></th>
            <th><input type="text" id="filters_1" name="filters_1" class="form-control form-filter"></th>
            <th><input type="text" id="filters_2" name="filters_2" class="form-control form-filter"></th>
            <th><input type="text" id="filters_3" name="filters_3" class="form-control form-filter"></th>
        </tr>
    </tfoot>

我正在使用标准的ssp.class.php类。我已经用这个简单的列过滤项目工作了 4 天。

我想要的很简单。快速查找文本框非常适合搜索整个表格。但我也想过滤每一列。就像'filters_0'是产品的ID。但这是行不通的。

请理解，我使用的是最新的 DataTabes 1.10。

Answer 1

首先必须序列化字段(在 tfoot 中)，然后再将它们作为搜索数据传递。我使用外部表单，提交后，只需执行以下操作:

dt_table = $('#datatable_list');
var formData = $('#search-form-orders').serialize();
dt_table.search( formData ).draw();

然后在服务器端，我不使用 SSP，而是使用自定义框架，所以:

// get the 'search' array from $_GET and don't forget to clean it !!!
if( $search['value'] !=='' )
    foreach (explode('&', $search['value']) as $chunk) {
        $param = explode("=", $chunk);
        $field = urldecode($param[0]);
        $value = urldecode($param[1]);
        $criterias[] = array( $field => $value );
    }

最后处理构建请求的条件