具有多选下拉列表的数据表特定列过滤器

时间:2014-12-15 08:19:05

标签: datatables jquery-datatables

我已经在Datatable API中看到了使用Drop down进行特定列过滤的这种可能性。

参考:https://datatables.net/examples/api/multi_filter_select.html

但对我来说,不同的是,我需要对多选下拉菜单做同样的事情。因此,数据表应相应地显示结果。

在上述链接中,我无法选择两个办公室"东京和伦敦"。我用多选插件(http://harvesthq.github.io/chosen/)实现了编码,但数据表只有一个选项。

这可能吗?如果是这样,请你帮忙。

1 个答案:

答案 0 :(得分:7)

经过长时间的搜索,我找到了解决方案。

实际上这很简单。以下是我对此选项的修复,

根据以下链接,已经有一个搜索特定列虎钳的选项,

http://www.datatables.net/examples/api/multi_filter.html

   // DataTable
    var table = $('#example').DataTable();

    // 2 is column id 
    // "India" is search string
    table.column( 2 ).search( 'India' ).draw(); 

So the above one will search for "India" in a specific column "2" (Say like "Country" column)

Here i need an ability to search for more than one country like "India, Japan etc.,"

So the code will be as follows,

        // DataTable
        var table = $('#example').DataTable();

        // 2 is column id 
        // "India|Japan|Spain" is search string
        table.column( 2 ).search( 'India|Japan|Spain', true, false ).draw(); 

    Updated: We need to add two more parameters in the "search()" function.

    search(val_1,val_2,val_3)

    where,
    val_1 is search string with "|" symbol seperated. So it contains regular express chars as per the example. 
    val_2 is true (To enable regular express in the search)
    val_3 is false (To disable smart search. default is true)

参考:https://datatables.net/reference/api/search()

所以我刚刚在搜索字符串之间添加了一个“管道”符号:p LOL