jQuery quicksearch plug-in bricolage avec JSON

Question

J'ai mis en plug-in quicksearch par Rik Lomas et je l'aime pour une application dans une coutume CMS je construis. Je me demandais si, puisque je vais avoir un articles bizillion dans la table s'il y a un moyen d'utiliser les données de mon rappel JSON pour remplir la table en tant que utilisateur recherche plutôt que le contenu de la table eux-mêmes.

Ainsi, lorsque vous chargez la page de la chaîne d'événements serait quelque chose comme ceci:

Demande de -jQuery.getJSON -Initiate quicksearch et limiter le nombre de lignes initialement présentées dans le tableau -Comme l'utilisateur effectue des frappes dans le filtre, les nouvelles valeurs sont tirées à partir des données JSON plutôt que le contenu de la table (en limitant le nombre affiché dans le tableau) et la table est mise à jour.

Ma demande JSON:

$.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>');
    });

});

Ma fonction Recherche rapide:

$('table#result tbody tr').quicksearch({
    position: 'before',
    attached: 'table#result',
    stripeRowClass: ['evenrows', ''],
    labelText: 'Filter Results: ',
    loaderText: '',
    delay:0,
    focusOnLoad:true
});

Answer 1

Si cela aide à tous ceux que j'ai mis le plugin jQuery DataTables pour résoudre celui-ci, qui offre la grille fonctions, et un filtre de pagination en direct. Il semble être le plug-in de la grille la plus polyvalente que je suis venu à travers pour mes besoins.