javascript - jQuery Datatables 过滤器外部表包装的问题

Question

我有这张表http://www.keenthemes.com/preview/index.php?theme=metronic_admin&page=index.html

它使用datatable通过ajax加载数据。我如何将过滤器移到表包装器之外，但是当我这样做时，过滤器功能不再起作用。有谁有关于如何绑定(bind)外部过滤器表单并将其附加到数据表的示例吗？

我在这里找到了一些东西http://jquery-datatables-column-filter.googlecode.com/svn/trunk/external.html但它纯粹是记录在案的，我无法让它发挥作用。

谢谢

Answer 1

我使用fnServerParams为此。

这是数据表初始化代码:

var oTable = $('#table').dataTable({
        "fnServerParams": function (aoData) {
        aoData.push({ "name": "myParam", "value": $('#mySelector').val() });
      }

您的外部表单调用表的 fnFilter 方法:

$('#mySelector').click(function(e){
    e.preventDefault();
    oTable.fnFilter(this.value)
});

我使用服务器端数据源，因此会使用Request.QueryString["myParam"]获取传递的参数，您的表填充方法可能会有所不同。