如何過濾具有多個部門的文檔

Question

我制作了一個表格，其中列出了帶有DataTables的文檔數據。 我設法使復選框適用於文檔類型，但不適用於部門。 這對我來說可能有點困難，但我知道如何按部門過濾。

我曾想過將部門轉換為數組並將其拆分，然后交叉檢查復選框。 到目前為止，我沒有成功的運氣。

這是我到目前為止所嘗試的。

Answer 1

試試這種方式：

創建一個變量來保存數據表中來自 ajax 調用的數組數據。

為這些復選框的 onchange 創建兩個函數（一個用於文檔和部門）（使用 class 比如說，checkbox-document 和 checkbox-department）。 這些函數的唯一目的是從 ajax 調用中操作上述變量，並在隨后的更改中將它們繪制在數據表上。 通過這種方式，您的數據表與過濾機制松散耦合。

Answer 2

您應該執行以下操作：

1. 為部門復選框添加value ；

2. 刪除$.fn.dataTable.ext.search.push(function(arguments){...}) function

3. 更改代碼的最后一部分：

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

我希望它會幫助你。