Les tables de données - comment passer de la recherche de paramètre dans une url

Je voudrais être en mesure de faire un lien vers une page avec un datatable qui voudraient passer d'une recherche de valeur de paramètre dans l'url. Le but est d'avoir la page avec la datatable ouvrir pré-filtrée avec la recherche de la valeur du paramètre.

J'ai mis en place un jsfiddle pour travailler avec des données d'exemple.
http://jsfiddle.net/lbriquet/9CxYT/10/

L'idée serait d'ajouter un paramètre à la jsfiddle url afin que la page d'affichage, avec la recherche de la valeur d'entrée réglé sur "firefox", par exemple, et la table filtrée pour afficher uniquement les résultats de la recherche.

Toute aide serait vraiment appréciée!!

OriginalL'auteur lbriquet | 2012-06-26

  1. 4

    Vous pouvez simplement ont une fonction qui lit votre URL var, puis filtrer la table. J'imagine que vous passez à q=Firefox comme votre recherche

    //Read a page's GET URL variables and return them as an associative array.
function getUrlVars()
{
 var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;

}

$(document).ready(function() {
    //Get the query from the url
    var query = getUrlVars()['q'];
    //create the table
    var oTable = $('#example').dataTable();
    //Filter it
    oTable.fnFilter( query, 2 );
});

    Violon ici http://fiddle.jshell.net/9CxYT/17/show/?q=Firefox

    Cela ressemble à la bonne solution... mais je ne pouvais pas le faire fonctionner. Voici un jsfiddle de la façon dont j'ai essayé de l'intégrer à votre code... peut-être que je ne suis pas le faire correctement? Il masque toutes les entrées. jsfiddle.net/lbriquet/9CxYT/14
    Le jsfiddle conception de cadre peut être vu comme une application autonome de la page (pas dans un iframe). Pour ce faire, cliquez-droit dans le cadre de la conception et de sélectionner "Ce cadre", et puis "ouvrir l'image dans un nouvel onglet". Cette charge la page: fiddle.jshell.net/lbriquet/9CxYT/14/show j'ai essayé d'ajouter la valeur "q" à l'url, mais il n'a pas ajouter ma valeur pour le filtre de recherche ou afficher les lignes avec la valeur. fiddle.jshell.net/lbriquet/9CxYT/14/show/?q=firefox Pouvez-vous m'aider à comprendre ce que je fais mal?
    ne connaissais pas cette fonctionnalité de jsfiddle. De toute façon c'était la getUrlVars fonction qui a sucé, maintenant ça fonctionne. J'ai mis à jour ma réponse
    En passant la valeur dans l'url fonctionne très bien!! Est-il de toute façon que la valeur passée pourrait être visible en tant que valeur dans le champ de recherche? L'idée serait qu'en cliquant sur le bouton de réinitialisation se réinitialiser la table afin d'afficher toutes les lignes. Fondamentalement, je voudrais l'url pour passer la valeur du champ de recherche afin qu'il les filtres de la table basée sur la valeur. Ensuite, le bouton de réinitialisation permettrait de supprimer la valeur dans le champ de recherche et présente l'intégralité de la non filtrés de la table.

    OriginalL'auteur Nicola Peluchetti