2014-10-07 87 views
0

我有一個datatables的問題。我不能啓用bFilter輸入外表容器。有一個代碼,我初始化我的數據。datatables篩選器在不同的輸入

var table = $('#table-perms-users').DataTable({ 
     "scrollY": tableHeight + "px", 
     "scrollX": "100%", 
     "scrollXInner": "100%", 
     "bScrollCollapse": true, 
     "bSort" : true, 
     "bInfo": false, 
     "bFilter": false, 
     "bPaginate": false, 
     "columns": [ 
      { "orderDataType": "dom-last-name"}, 
      { "orderDataType": "dom-checkbox" }, 
      { "orderDataType": "dom-checkbox" }, 
      { "orderDataType": "dom-checkbox" }, 
      { "orderDataType": "dom-checkbox" }, 
      { "orderDataType": "dom-checkbox" }, 
      { "orderDataType": "dom-checkbox" }, 
      { "orderDataType": "dom-checkbox" }, 
      { "orderDataType": "dom-checkbox" }, 
      { "orderDataType": "dom-checkbox" }, 
      { "orderDataType": "dom-checkbox" } 
     ] 
    }); 

我嘗試使用函數fnFilter()在輸入上的keyup事件上啓用篩選器。它看起來像:

 $('#dTSearch').keyup(function(){ 
     table.fnFilter($(this).val()); 
     }); 

,但我可以看到在控制檯上的錯誤信息:

Uncaught TypeError: undefined is not a function (index):10086(anonymous function) 
(index):10086jQuery.event.dispatch jquery.1.11.1.js?t=1402046180:4641elemData.handle 

莫比有人能回答我什麼,我做錯了什麼?我混亂了?看起來沒有看到var table或沒有找到函數fnFilter。 Maby在定義我的數據表時遇到一些錯誤?謝謝。

回答

0

我希望你使用靜態模式的dataTables。

因爲您在數據表的配置中爲您提及了「bFilter」:false,可能不允許您進行過濾。

如果您製作 bFilter:true,它會在靜態模式下默認進行過濾。

並檢查fnFilter參數值。 有關fnFilter的更多信息,您可以打開您關聯的dataTables.js文件(lib)。

+0

是的。我使用dataTables的靜態模式。啓用禁用bFilter選項不會改變任何內容。對於fnFilter fucnciotn,我們可以發送6個參數,但您認爲問題更高,因爲我無法在頁面上找到該功能。 – kickman2l 2014-10-07 11:33:48

0

我認爲所有的都更容易。有末端代碼變體:

$('#dTSearch').keyup(function() 
    { 
     table.columns(0).search($(this).val()).draw(); 
    }); 

UPD:應該啓用bFilter選項。