2016-08-08 67 views
4

Im使用Datatable爲我當前的項目。在我的桌子上有幾列。其中一列是Status列,它將具有三個值Open,RejectedApproved之一。我想過濾,在表中有三個按鈕,In ProgressClosed記錄,像這樣:自定義篩選使用按鈕的Datatable

<div class="btn-group pull-right"> 
    <button id="onprogress" class="btn btn-default filter">On Process</button> 
    <button id="closed" class="btn btn-default filter">Closed</button> 
    <button id="all" class="btn btn-default filter">All</button> 
</div> 

這裏是我使用的JavaScript代碼:

var dataTables = $('#datatable').DataTable({ 
    "info": false, 
    "lengthChange": false 
}); 

$('#all').on('click', function() { 
    dataTables.columns(4).search("").draw(); 
}); 

$('#onprogress').on('click', function() { 
    dataTables.columns(4).search("Open").draw(); 
}); 

$('#closed').on('click', function() { 
    dataTables.columns(4).search("Rejected","Approved").draw(); 
}); 

JavaScript代碼的工作好了#onprogreess按鈕,因爲它只搜索一個值Open。如何使它與兩個值搜索一起工作?

(#closed按鈕應該顯示記錄與RejectedDone狀態)

回答

7

要搜索多個值單列你可以使用如下管道

dataTable.columns(4).search("Rejected|Done", true, false, true).draw(); 

你必須通過如下四個參數:

  1. 輸入:搜索字符串申請表
  2. 至REGx:款待爲正則表達式(true)或不(default, false)
  3. 智能:執行智能搜索(默認,真)或不(false)。請參閱下面的智能搜索說明。
  4. CaseInsen:做不區分大小寫的匹配(默認,true)或不(false)。

More details

+0

哇,它的工作,非常感謝你 –

0

變種表= $( '#例子')數據表();

表 .columns(4) .search(「」) .draw();