Discussion :

[itokia]

Bonjour,

J'essaye désespérément de mettre en place un système de filtre par l'intermédiaire de 4 checkbox sous DataTable.

Je souhaiterais lorsque je clique sur un des checkbox modifier mon filtre et n'afficher que les valeurs souhaitées.
J'ai réussi à créer mon filtre mais il y a un petit hic, lorsque je sélectionne un autre checkbox, il m'ajoute le filtre au lieux de le remplacer.
Avez vous une idée de mon erreur?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<tr>
 <td class="libelle30pc">
     <input type="RADIO" name="choix" value="tous" id="tous" >Tous
     <input type="RADIO" name="choix" value="nonSaisie" id="nonSaisie">Pas encore saisis
     <input type="RADIO" name="choix" value="retard" id="retard">En retard
     <input type="RADIO" name="choix" value="saisis" id="saisis">Saisis
 </td>
</tr>

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
   $("[name=choix]").change( function() {
        var monCheck=this.id;
 
            $.fn.dataTableExt.afnFiltering.push(
                function( oSettings, aData, iDataIndex ) {
                        var iEtat = aData[6];
                        switch (monCheck){
                            case 'tous':
                                return true;
                            case 'nonSaisie':
                                if(iEtat === '') return true;
                                else return false;
                            case 'retard':
                                var now=moment();
                                var maDate=moment(aData[5],"DD/MM/YYYY");
                                if(maDate.unix()<now.unix() && aData[6] === ''){
                                    return true;
                                } else {return false; }
                                break;
 
                        };
                }
            );
            oTable.fnDraw();
 
    } );

Merci

[itokia]

Il suffit que je pose la question pour trouver mon problème

La solution pour ceux qui auront le problème.

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
    $("[name=choix]").change( function() {
        oTable.fnDraw();
    } );
 
 
    $.fn.dataTableExt.afnFiltering.push(
        function( oSettings, aData, iDataIndex ) {
                var iEtat = aData[6];
                var monCheck=$("[name=choix]:checked").val();
                //console.dir(iEtat);
                switch (monCheck){
                    case 'tous':
                        return true;
                    case 'nonSaisie':
                        if(iEtat === '') return true;
                        else return false;
                    case 'retard':
                        var now=moment();
                        var maDate=moment(aData[5],"DD/MM/YYYY");
                        if(maDate.unix()<now.unix() && aData[6] === ''){
                            return true;
                        } else {return false; }
                        break;
 
                };
        }
    );