返回DataTables行的更改

时间:2015-10-04 01:21:07

标签: jquery datatables

可以选择显示要搜索的搜索框。如果我希望有一个预定义的选择框来为特定字段选择条目,该怎么办?

例如,如果我添加一个具有类别列表的select元素,这些类别会使显示的行缩小category_id。我将使用API​​的哪一部分来告诉DataTables根据该值的变化刷新AJAX结果?

显然,我会使用ajax.reload()方法,但如何根据category_id进行过滤?

1 个答案:

答案 0 :(得分:0)

  

<强>解

您可以使用ajax.data选项添加要发送到服务器的其他参数,这将是您的过滤器值。

$('#example').DataTable({
    "ajax": {
        "url": "/test/0",
        "data": function(d){            
            d.form_filter = $('#example-select').val();
        }
    }
});

// Handle filter change event
$('#example-select').on('change', function(){
    // Reload table data from Ajax data source
    $('#example').DataTable().ajax.reload(); 
});

您需要在服务器上处理此参数(在我的示例中为form_filter)并返回相应的数据。

  

<强>样本

请参阅this jsFiddle以获取代码和演示。