如何过滤多个部门的文档

时间:2019-10-08 07:21:51

标签: javascript jquery html arrays datatables

我制作了一个表格,其中用DataTables列出了文档的数据。我设法使复选框适用于文档类型,但不适用于部门。这对我来说可能有点困难,但是我对如何按部门进行筛选有一个想法。

我已经考虑过将部门转换为数组并将其拆分,然后交叉检查已选中的复选框。到目前为止,我还没有运气。

This is what I tried so far.

2 个答案:

答案 0 :(得分:0)

尝试一下:

创建一个变量来保存数据表中来自ajax调用的数组数据。

为这些复选框的onchange创建两个函数(一个用于文档和部门)(使用一个类,例如checkbox-document和checkbox-department)。这些函数的唯一目的是从ajax调用中操作上述变量,并在随后的更改时将其绘制到数据表上。这样,您的数据表就会与过滤机制松散耦合。

答案 1 :(得分:0)

您应该执行以下操作:

  1. value添加至部门复选框;

  2. 删除$.fn.dataTable.ext.search.push(function(arguments){...})函数

  3. 更改代码的最后一部分:

    var table = $("#document-table").DataTable();
    
    $("input:checkbox").on("change", function() {
      if(this.value === 'All'){
        table.search('').draw();
      } else {
        table.search( this.value ).draw();      
      }
    });
    

希望它能对您有所帮助。