jQuery Datatables的问题在表包装器外部进行过滤

时间:2014-06-17 15:40:43

标签: javascript jquery datatable datatables jquery-datatables

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

它使用数据表通过ajax加载数据。我在桌面包装器之外移动过滤器是什么,但是当我这样做时,过滤器功能不再起作用了。有没有人有一个关于如何绑定外部过滤器表单并将其附加到数据表的示例?

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

由于

1 个答案:

答案 0 :(得分:0)

我使用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"]获取传递的参数,您的表格填充方法可能会有所不同。