2009-11-13 5 views
0

J'ai mis en place le quicksearch plugin par Rik Lomas et je l'aime pour une application dans un CMS personnalisé que je construis. Je me demandais cependant, puisque je vais avoir un nombre d'éléments bizillion dans la table s'il y a un moyen d'utiliser les données de mon rappel json pour remplir la table comme un utilisateur recherche plutôt que le contenu de la table eux-mêmes.jQuery plugin bricolage bricolage avec JSON

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

demande -jQuery.getJSON QuickSearch -Initiate et limiter le nombre de lignes initialement présentées dans le tableau -Comme l'utilisateur fait Dans le filtre, les nouvelles valeurs sont extraites des données JSON plutôt que du contenu de la table (en limitant toujours le nombre affiché dans la table) et la table est mise à jour.

demande Mon 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 
}); 

Répondre

0

Si cela aide quelqu'un que j'ai mis le plugin jQuery DataTables pour résoudre celui-ci, qui offre des fonctions de la grille, la pagination et un filtre en direct. Il semble être le plugin de grille le plus polyvalent que j'ai rencontré pour mes besoins.