jQuery quicksearch plug-in retoques con JSON
-
20-09-2019 - |
Pregunta
He implementado el href="http://rikrikrik.com/jquery/quicksearch/" rel="nofollow noreferrer"> quicksearch complemento
Así que cuando se carga la página de la cadena de eventos sería algo como esto: Solicitud de -jQuery.getJSON
quicksearch -Initiate y limitar el número de filas inicialmente se presentan en la tabla
-Como el usuario realiza las pulsaciones de teclado en el filtro, los nuevos valores son extraídos de los datos de JSON en lugar de los contenidos de la tabla (todavía limitan el número mostrado en la tabla) y se actualiza la tabla. Mi solicitud JSON: Mi función Búsqueda rápida: $.getJSON("jsonrequest.php", function(data){
$.each(data, function(i){
$("#result tbody").append('<tr><td>' + this.organization + '</td><td>' + this.city + '</td><td>' + this.state + '</td></tr>');
});
});
$('table#result tbody tr').quicksearch({
position: 'before',
attached: 'table#result',
stripeRowClass: ['evenrows', ''],
labelText: 'Filter Results: ',
loaderText: '',
delay:0,
focusOnLoad:true
});
Solución
Si esto ayuda a nadie he aplicado el plugin de jQuery DataTables para resolver éste, que ofrece rejilla funciones, paginación y un filtro en directo. Parece que es el complemento de la rejilla más versátil que he encontrado para mis necesidades.