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 :

DataTable - Mettre une valeur dans le filtre de recherche


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Femme Profil pro
    Développeur Web
    Inscrit en
    Mai 2009
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 36
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2009
    Messages : 164
    Par défaut DataTable - Mettre une valeur dans le filtre de recherche
    Bonjour,

    J'ai une DataTable avec un filtre de recherche, j'aimerai pouvoir mettre une valeur dans cet 'input' mais quand je mets la valeur, le filtre ne s'active pas, il faut que je bouge le curseur dans le champs pour que le filtre se fasse.

    Pouvez vous m'aider?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    var filtre = $('#filtreRecherche').val();
    $('#contents .dataTables_filter input').focus();
    $('#contents .dataTables_filter input').val(filtre);
    J'ai essayé de faire un .blur() et un .change() mais ça ne marche pas..
    j'ai essayé de déplacer le curseur dans le champs par jQuery mais je n'y arrive pas... je ne sais donc pas si ça marcherait..

    Je sais pas si je suis très clair dans mon problème..

    Merci pour votre aide!

  2. #2
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mai 2006
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Mai 2006
    Messages : 226
    Par défaut
    Bonjour,

    il faut que tu lances un des événements que datatable "écoute" pour la recherche, de mémoire "keydown/keyup", "cut/paste", "search".

    je t'ai fais un petit exemple : https://jsfiddle.net/kakashi99/zxnmfpcp/2/

  3. #3
    Membre confirmé
    Femme Profil pro
    Développeur Web
    Inscrit en
    Mai 2009
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 36
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2009
    Messages : 164
    Par défaut
    Merci! bon pour l'instant ça ne marche toujours pas .. ca ajoute bien ma valeur au bout de 3 secondes (mais ca j'y arrivais deja )..mais le filtre ne s'effectue toujours pas... je vais voir si je peux adapter.

    merci pour ton aide kakashi sensei ^^

  4. #4
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mai 2006
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Mai 2006
    Messages : 226
    Par défaut
    de rien

    par contre si tu veux plus d'aide il va falloir nous en montrer un peu plus, le top c'est le code html de la page générée (select source depuis ton navigateur).

  5. #5
    Membre confirmé
    Femme Profil pro
    Développeur Web
    Inscrit en
    Mai 2009
    Messages
    164
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 36
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2009
    Messages : 164
    Par défaut
    la partie HTML:
    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
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
     
    <div id="contents" class="invisible">
    	<table id="liste_dossiers" class="dataTable">
    		<thead>
    			<th class="ui-state-default" style="width: 5%;">Date modif.</th>
    			<th class="ui-state-default" style="width: 5%;">N&deg; dossier</th>
    			<th class="ui-state-default" style="width: 4%;">R&eacute;gion</th>
    			<th class="ui-state-default" style="width: 4%;">Dep</th>
    			<th class="ui-state-default" style="width: 4%;">Collectivit&eacute;</th>
    			<th class="ui-state-default" style="width: 5%;">N&deg; Agent</th>
     
     
    		</thead>
    		<tbody>
    		    <!-- BEGIN dossiers -->
    		    <tr class="{$dossier.classe}">
    		        <td>{$dossier.date_modif}</td>
    		        <td class="lien_dossier" onclick="ajoutFiltre(this)">{$dossier.num_dossier}</td>
    		        <td>{$dossier.region}</td>
    		        <td>{$dossier.departement}</td>
    		        <td>{$dossier.collectivite}</td>
    		        <td>{$dossier.num_agent}</td>
    		    </tr>
    		    <!-- END dossiers -->
    		</tbody>
    	</table>
    <span id="ligneMax" style="display:none;">{$numMax}</span>
    <span id="ligneTot" style="display:none;">{$nbAgents}</span>
    </div>
     
    <input type="button" id="blop" value="LA" />

    initialisation de la dataTable
    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
    18
    19
    20
    21
     
    $("#liste_dossiers").dataTable({
            "bPaginate" : true,
            "bLengthChange" : true,
            "bFilter" : true,
            "sPaginationType" : "two_button", // "full_numbers",
            "bSort" : true,
            "order" : 'desc',
            "bInfo" : true,
            "bAutoWidth" : true,
            "bJQueryUI" : true,
            "bDestroy" : false,
            "bRetrieve" : true,
            "sDom" : '<lipf>t', // enlever pour retrouver la mise en forme originale avec les blocs gris en haut et en bas
            "aaSorting" : [[0 , 'desc']],
            "aoColumns" : [{
                "sType" : "date-uk"
            }, { "bSortable": false }, 
            { "bSortable": false }, { "bSortable": false }, 
            { "bSortable": false }, { "bSortable": false }]
        });
    je peux pas trop en donner plus..
    j'ai testé sur ta page, même sans le settimeOut ça fonctionne donc j'ai essayé chez moi mais ça ne marche toujours pas.
    J'ai créé un bouton bidon sur ma page pour lancer l'action (au cas ou je ne le mettrais tout simplement pas au bon endroit) mais ça ne fonctionne pas non plus.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    $('#blop').click(function(){
            var filtre = $('#filtreRecherche').val();
            //$('#contents .dataTables_filter input').focus();
     
            $('#liste_dossiers_filter input').val(87).trigger('search');
        });

  6. #6
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Mai 2006
    Messages
    226
    Détails du profil
    Informations personnelles :
    Sexe : Homme

    Informations forums :
    Inscription : Mai 2006
    Messages : 226
    Par défaut
    hello,

    est-ce que tu as des erreurs dans ta console javascript ? tu utilises quel navigateur ? quelle version de datatable utilises-tu ? j'ai mis à jour mon exemple, ça fonctionne (mais j'ai du enlever 2 options qui faisaient planter le script) : https://jsfiddle.net/kakashi99/zxnmfpcp/3/

    si tu testes en initialisant ta table sans aucun paramètre

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $("#liste_dossiers").dataTable();
    est-ce que ça fonctionne ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 2
    Dernier message: 25/11/2010, 13h14
  2. Mettre une valeur dans un TEdit
    Par medkyl dans le forum Débuter
    Réponses: 4
    Dernier message: 09/11/2010, 14h20
  3. mettre une valeur dans une combobox
    Par lila23 dans le forum GWT et Vaadin
    Réponses: 1
    Dernier message: 06/07/2009, 17h51
  4. Mettre une Valeur dans un OptionBouton quand un autre OB est activé?
    Par muska78 dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 09/06/2008, 10h51
  5. Mettre une valeur dans un Set<? extends String>
    Par LGnord dans le forum Langage
    Réponses: 6
    Dernier message: 06/05/2008, 14h56

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