jQuery的數據表 - 自定義篩選基於原始行數據

Question

JSBin：http://live.datatables.net/nujehixu/3/edit?js,console,output

$(document).ready(function() { 

    // push our custom filter onto the stack of filters 
    $.fn.dataTable.ext.search.push(function(settings, searchData, index, rowData, counter) { 
    // get filter value 
    var value = $("#example_filter > label > input").val().toLowerCase(); 
    // check filter value against original row data 
    var original = rowData[1].toLowerCase(); 
    console.log(original); 
    return original.indexOf(value) > -1; 
    }); 

    function addEllipsis(original, charLimit) { 
    if (original.length > charLimit) { 
     // substring the original and add ellipsis with a title attribute of the original 
     return '<div title="' + original + '">' + original.substr(0, charLimit) + '&hellip;' + '</div>'; 
    } 
    // return the original value since it is already short enough 
    return '<div title="' + original + '">' + original + '</div>'; 
    } 

    var table = $('#example').DataTable({ 
    columnDefs: [ 
     { 
     targets: 1, 
     render: function (data, type, row) { 
      // render with ellipsis if necessary 
      return addEllipsis(data, 6); 
     } 
     } 
    ] 
    }); 
}); 

退房鏈接的例子，我試圖使用基於原始行數據的自定義過濾器，但問題的表面時，輸入一個過濾器值，如systems。當我期望systems匹配「系統管理員」並顯示這些行時，系統管理員的行將被過濾掉。

通過source閱讀，它看起來像有第一貼靠搜索字符串，這是一個compiled from the rendered valuesglobal filter。

有沒有人找到解決方案？

Answer 1

你的問題是仍然執行默認搜索，並且由於列的值呈現爲「system ...」，所以它無法找到與「系統」匹配的任何匹配項。你可以這樣說：

$("#example_filter > label > input").unbind().bind('keyup', function() { 
    var value = this.value.toLowerCase(); 
    // push our custom filter onto the stack of filters 
    $.fn.dataTable.ext.search.push(function(settings, searchData, index, rowData, counter) { 
    // get filter value 
    // check filter value against original row data 
    var original = rowData[1].toLowerCase(); 
    console.log(original); 
    return original.indexOf(value) > -1; 
    }); 
    table.draw(); 
    $.fn.dataTable.ext.search.pop(); 
}) 

改變代碼 - >http://live.datatables.net/dalesexe/4/edit

---

一個更好的答案是基於type，可以是_，filter或display從render()返回不同的值。在display返回橢圓的'值，否則返回原始值。由你可以跳過完全自定義過濾器：

render: function (data, type, row) { 
      switch (type) { 
       case 'display' : 
       return addEllipsis(data, 6); break; 
       default : 
       return data; break; 
      }    
     } 

新代碼 - >http://live.datatables.net/dalesexe/6/edit

Answer 2

問題是，您的charlimit剪切字符和您的匹配與顯示的數據而不是原始數據。基本上systems無法找到，因爲system是最大長度。