javascript - 如何修改 "select inputs"DataTables 解决方案以允许取消选择选择输入？

Question

1. select inputs
2. text inputs

这两个 DataTables 过滤器提供相同的功能。例如，在第一列中，当您搜索“Angelica Ramos”时，您会得到 Angelica Ramos 的单个记录。

但是，对于具有选择输入的解决方案，如果在过滤“Angelica Ramos”后选择“”(无)，则会“找不到匹配的记录”。

在带有文本输入的解决方案中，删除文本后，功能将按预期工作。

如何修改“选择输入”DataTables 解决方案以允许取消选择选择输入？

Answer 1

以下是解决此解决方案的两种方法，全部在事件处理函数中完成:

1) 删除列搜索的正则表达式选项，而是使用他们为您构建的智能搜索。

.on('change', function() {
    table.column(i)
    .search($(this).val()) // Uses default smart search
    .draw();

2) 添加 if-else 语句来检查空白字符串 ("") 值。

.on('change', function() {
    if ($(this).val() == "") {
        // Uses default smart search in only this case
        table.column(i).search('').draw();
    } else {
        // Uses regex search - this is what is shown on the select inputs page
        table.column(i).search('^'+$(this).val()+'$', true, false).draw();

这是一个实现了这两个选项的 JSFiddle:http://jsfiddle.net/gk5zB/5/

JSFiddle 中的一个选项已被注释掉，但它们都有效。我希望这些解决方案之一能够满足您的需求。