Initialisiere Sucheingabe in jQuery Datatables

Question

Ich versuche, eine Datatable mit einem Standardsuchwert zu initialisieren, den der Benutzer entweder ersetzen oder verfeinern kann. Dies ist mit serverseitigen Daten. Ich habe nichts gelesen, wo Sie dies in der Datatables-Dokumentation tun können.

Das obige setzt den Wert, aber da kein Tastendruck involviert ist, übernimmt der Event-Handler es nicht. Gibt es eine Methode, die ich auf die obige Kette ketten kann, die wie die Eingabetaste fungieren würde, oder sollte ich einen Ereignishandler schreiben, der nach Änderungen in dem Feld sucht. Ich bin ziemlich neu in Datatables und ein Jquery Novize. Vielen Dank.

Answer 1

Der richtige Weg dazu ist die Verwendung des oSearch-Parameters.

https://datatables.net/docs/DataTables/1.9.0/DataTable.defaults.oSearch.html

$(document).ready(function() { 
    $('#example').dataTable({ 
    "oSearch": {"sSearch": "Initial search"} 
    }); 
}) 

Answer 2

Sie können ein Ereignis manuell mit .trigger() auslösen:

$('#example_filter label input[type=text]') 
    .val('Default Product') 
    .trigger($.Event("keypress", { keyCode: 13 })); 

Code Je nach, Sie "keyup" stattdessen möchten.

Answer 3

Der richtige Weg ist nun:

var table = $('#mytable').DataTable(); 
table.search('initial search value').draw(); 

Answer 4

Sie können die Standardeinstellungen ändern:

var my_config = { 
 
      oLanguage: { 
 
       sSearch: "" 
 
      }, 
 
      oSearch: { 
 
       sSearch: "Default Search value" 
 
      } 
 
     }; 
 
$('#search').dataTable(my_config);

Answer 5

Die Antworten, die sich auf oSearch beziehen, verwenden die Legacy-Syntax. As of DataTables 1.10+, die korrekte Syntax ist:

$(document).ready(function() { 
    $('#example').dataTable({ 
    "search": {"search": "Initial search"} 
    }); 
});