Wie zu benutzen Wählen Sie Feld außerhalb filtern dataTables?

Ich bin mit dem DataTables Tisch-plug-in für jQuery, aber ich habe Probleme
getting der Globale Eingabe-Suchfeld wäre eine select-box.

Mit der sDOM option lrtip -, Filter-Eingang wird nicht angezeigt, aber ist
ist es möglich die Anzeige select-Feld und bekommen die datatable zu filtern, basierend auf der änderung der select-box?

JS:

$(document).ready(function() {
    var table = $('#table_page').DataTable( {
        paging:   true,
        ordering: false,        
        info:     true,
        searching: true, 
        sDom: "lrtip" //default is lfrtip, where the f is the filter
    });
});

HTML:

<table id="table_page" class="display cell-border" width="100%">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
        </tr>
    </thead>
</table>
Haben Sie gesehen, Einzelne Spalte zu suchen (select-Eingänge) Beispiel?
Ja, aber ich will die Globale Suche nicht Einzelne Spalte zu suchen.
Sieht aus wie Ihre Antwort finden Sie hier: stackoverflow.com/questions/12199759/...
Nein, es ist eine Lösung zum programmgesteuerten filter eine datatable mit einer custom-filter-Funktion nicht verwenden, wählen Sie in der box, wie die Globale Suche.

InformationsquelleAutor LeMoussel | 2016-10-26

  1. 11

    Können Sie die search() API-Methode zum ausführen der globalen Suche programmgesteuert und dom option zu deaktivieren-built-in-Suche.

    Beispiel:

    var table = $('#example').DataTable({
   dom: 'lrtip'
});

$('#table-filter').on('change', function(){
   table.search(this.value).draw();   
});

    Sehen dieses Beispiel für code und demonstration. Sehen dieses Beispiel, wenn Sie ersetzen möchten, und Standard-such-Feld.

    OK, aber denkst du, ist es möglich, select-box in der gleichen Zeile wie "Einträge Anzeigen" (wie die input-Suchfeld mit sDom 'lfrtip" - option)
    Gyrocode.com Wow!!! aktualisieren Sie Ihre Antwort, damit ich es akzeptieren. Vielen Dank für Eure Hilfe, cheers.
    aktualisiert die Antwort. Auch da war ein Tippfehler in dem letzten Beispiel, das ist korrigiert, siehe jsfiddle.net/zmoos6tu/3

    InformationsquelleAutor Gyrocode.com

Schreibe einen Kommentar