Inicializar la entrada de búsqueda en jQuery Datatables

Question

Estoy tratando de inicializar una tabla de datos con un valor de búsqueda predeterminado que el usuario puede reemplazar o refinar. Esto es con datos del lado del servidor. No he leído nada donde puedas hacer esto en la documentación de Datatables.

$('#example_filter label input[type=text]').val('Default Product') 

Lo anterior establece el valor pero debido a que no hay una pulsación de tecla implicada, el controlador de eventos no lo recoge. ¿Hay algún método que pueda encadenar a lo anterior que actúe como la tecla Intro, o debería escribir un controlador de eventos que busque cambios en el campo? Soy bastante nuevo en datatables y un jquery novato. Gracias.

Answer 1

Así que la forma correcta de hacerlo es utilizando el parámetro oSearch.

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

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

Answer 2

Usted puede disparar un evento manualmente con .trigger():

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

Dependiendo de su código, es posible que desee "keyup" lugar.

Answer 3

La forma correcta es ahora:

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

Answer 4

Puede cambiar la configuración predeterminada:

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

Answer 5

Las respuestas que se refieren a oSearch usan sintaxis heredada. As of DataTables 1.10+, la sintaxis correcta es:

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