Standardsuchfunktion für Datatabellen überschreiben

Question

Ich verwende Datatables (https://datatables.net) auf meiner Site und möchte die Standardsuchfunktion mit einer levenstein-Methode überschreiben.

Ich habe bereits die levenstein-Methode an Ort und Stelle, aber ich habe Probleme mit dem Wert des Suchfelds, um es zu testen. Das Suchfeld, das Datatables hinzufügt, hat keine ID oder einen Namen oder irgendetwas anderes, das ich leicht verwenden kann, um auf dieses Element zu zielen.

kann ich 2 Möglichkeiten denken, diese zu lösen:

1. Abbildung heraus, wie das Suchfeld Wert zu erhalten (den Benutzer typisierte Wert)
2. Abbildung heraus, wie das Suchfeld zu verstecken, ohne Absperren Suche insgesamt und füge meine eigene benutzerdefinierte Eingabe hinzu.

Hier ist was ich habe.

$.fn.dataTable.ext.search.push(
    function(settings, data, dataIndex) { 
     var search = /* this should be the search box value */; 
     var title = data[1]; 

     return (title.toLowerCase().levenstein(search.toLowerCase()) < title.length) ? true : false; 
    } 
); 

Können Sie mir bitte mit einer der oben aufgeführten Optionen helfen.

Vielen Dank.

Answer 1

keine ID oder den Namen oder irgendetwas anderes

Nun haben, hat es ja haben. Dies funktioniert für mich:

$('#myTable_filter input').on('keypress', function(e) { 
    e.preventDefault(); 
    alert(e.which); 
}); 

Gehen Sie einfach auf das Suchfeld und überprüfen Sie es (wenn Sie wissen nicht, wie das nur der rechten Maustaste auf ein beliebiges Element in Chrome, zu tun und inspizieren wählen), und Sie können sehen wie das für dich funktioniert. DataTables wendet eine ID (Ihr Tabellenname mit _filter angeheftet) an das div-Wrapping des Eingabefeldes an und es ist das einzige Eingabefeld im div. Also dieser Selektor funktioniert. Sie möchten auch eine preventDefault erstellen, damit die DataTables-Suche nicht nach dem Tastendruck ausgeführt wird.