IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Conseil : gérer les données pour du filtre/tri dynamique


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2010
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Mai 2010
    Messages : 72
    Par défaut Conseil : gérer les données pour du filtre/tri dynamique
    Bonjour,

    J'ai un site de gestion de recettes. Lors de l'affichage de toutes les recettes, elles sont affichées dans des div.
    Je souhaite permettre le filtre ou tri dynamique (sans rechargement de la page) sur ces recettes, sur plusieurs critères (note, type, alphabétique,...).

    Pour l'instant, j'ai mis en place des dataset pour faire ces tris, mais ça me semble déjà lourd alors que je n'intègre pas encore tout :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     echo '<a  id='.$cle.' data-note="'.$infos['Etat'].'" data-titre="'.$infos['Titre'] .'" data-type="'.$infos['Type'] .'" class="idreponse" href="liste.php?id='.$cle.'" ....
    Si je veux ajouter les ingrédients, la catégorie, etc, bof quoi.

    Le tri est ensuite très basique :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    function change_tri(cible, tri){
        var alpha = [];
        $('.idreponse').each(function(){
    	    var alphaArr = [];
    	    if (tri=="titre") alphaArr.push(this.dataset.titre);
    	    else if (tri=="note") alphaArr.push(this.dataset.note);
    	    else if (tri=="type") alphaArr.push(this.dataset.type);
    	    else alphaArr.push(this.id);
    	    alphaArr.push($(this));
    	    alpha.push(alphaArr);
    	    alpha.sort();
    	})
        $('.idreponse').remove();
        for(var i=0; i<alpha.length; i++){
            $('.listing').append(alpha[i][1]);
        }
    }
    Ca, c'est fonctionnel.
    Maintenant, j'aimerais votre avis sur la meilleure solution pour ce genre de cas : trier dynamiquement des éléments suivants des paramètres variés, non limité à l'id ou au texte.
    - ajax vers la bdd? Ca fait une requête... et honnêtement je suis un amateur peu éclairé et je vais galéré (mais si c'est la meilleur solution, je m'y collerais, avec de l'aide si possible)
    - garder les dataset? Aucune requête serveur, mais page lourde au final non?
    - stockage dans un array et construction des div à partir de ça? Peut-être une bonne solution, mais j'ai du mal à visualiser, si quelqu'un a un exemple pour m'aider, merci
    ...

    Merci pour vos réponses

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    Je ne saurais trop te conseille que de passer par Jquery et un plugin de type dataTaple ou JQGrid
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Quelle solution pour gérer les données techniques par affaire?
    Par NoemieR dans le forum Autres Solutions d'entreprise
    Réponses: 0
    Dernier message: 16/11/2012, 16h40
  2. Réponses: 0
    Dernier message: 06/09/2010, 20h18
  3. Réponses: 0
    Dernier message: 05/05/2008, 11h09
  4. [SAX] Utilisation de LexicalHandler pour gérer les données CDATA en base 64
    Par tdeco dans le forum Format d'échange (XML, JSON...)
    Réponses: 1
    Dernier message: 23/08/2007, 21h58
  5. Gérer les données dans un fichier
    Par ploukinet dans le forum VB.NET
    Réponses: 22
    Dernier message: 24/05/2007, 10h18

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo