Comment envoyer un tableau des valeurs vers une action

Version imprimable

bonjour,

j'utilise la technologie SF 2.7. dans mon projet j'ai besoin de supprimer en même temps un ensemble des options. Alors j'ai un bouton "checkAll" qui coche et décoche tous les autres checkboxs. D'aprés la recherche j'ai trouvé comment sélectionner les boutons.

c'est la 1ére fois que j'utilise Query ce pour cela j'en sais pas comment envoyer les valeurs des checkboxs sélectionnés au même vers ma route 'deleteAll' .

voilà mon essai: http://jsfiddle.net/ScnQT/2533/
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 //Code Html: <form action="{{path('deleteAll')}}" > <p><label><input type="checkbox" id="checkAll"/> Check all</label></p> <fieldset> <p><label><input type="checkbox" name="item" value="{{entity.id}}"/> Option 1</label></p> <p><label><input type="checkbox" name="item" value="{{entity.id}}"/> Option 2</label></p> <p><label><input type="checkbox" name="item"value="{{entity.id}}" /> Option 3</label></p> <p><label><input type="checkbox" name="item" value="{{entity.id}}"/> Option 4</label></p> </fieldset> <br> </form>
Code:

1 2 3 4 5 6 7 8 //code Query: <script type="text/javascript"> $("#checkAll").change(function () { $("input:checkbox").prop('checked', $(this).prop("checked")); }); </script>
merci de m'orienté vers la bonne solution ;)

Code:

1
2
3
4
5
6
7
8
9
10
11
<form action="{{path('deleteAll')}}" >
    <p><label><input type="checkbox" id="checkAll"/> Check all</label></p>
 
    <fieldset>
        <p><label><input type="checkbox" name="item[]" value="{{entity.id}}"/> Option 1</label></p>
        <p><label><input type="checkbox" name="item[]" value="{{entity.id}}"/> Option 2</label></p>
        <p><label><input type="checkbox" name="item[]" value="{{entity.id}}"/> Option 3</label></p>
        <p><label><input type="checkbox" name="item[]" value="{{entity.id}}"/> Option 4</label></p>
    </fieldset>
    <br>
</form>

Merci pour la correction Monsieur.

D’après le test que j'ai au niveau de SF2 j'obtiens toujours null concernant les valeurs de ids.

j'essayé ce script là

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
  <script>
 
      $(document).ready(function(){
        $("#checkAll").click(function(){
 
            var checked_status = this.checked;
 
            $("input[name='check[]']").each(function(){
 
                this.checked = checked_status;
                var v = $("#d").val();
 
                $('#deleteAll').submit(function(){ // ici mon form
                    $("#deleteAll").attr("action", "{{ path('projets_deleteAll') }}" + v);
                });
            });
 
        });
    });
    </script>

toujours non fonctionnelle :(

11/08/2016, 19h39
sekaijin

Comme toujours
Affiche le html dans le navigateur
Pas le code de ton serveur
To compredras ce qu'il se passe.
Et peut etre nous aussi.

j'ai mis dans mon action la variable de test "var_dump" pour avoir si j'ai bien récupéré les valeurs de ces checkboxs mais pas encore . Car lorsque je clique sur le bouton 'checkAll' il ne me retourne pas vers l'action "deleteAll" qui s'affiche après le contenu de la valeur "$param" .
j'ai pas encore fais tous le traitement de la suppression car je vais voir d'abords la récupération des variables.
Code:

1 2 3 4 5 6 7 8 public function deleteAllAction(Request $request) { $param = $request->request->get('check'); // ici $_POST var_dump($param); exit(); return $this->redirect($this->generateUrl('projets_show')); }

11/08/2016, 20h56
sekaijin

Je répète seul le code généré c'est a dire celui qu'on voit dans le navigateur permet de savoir se que fait javascript

le code serveur n'a aucune utilité pour comprendre ce qui cloche dans javascript.

il te faut comprendre que tu développe deux partie de ton application

une qui s'exécute sur le serveur
l'autre sur le poste du client

c'est exactement pareil que si tu avais deux applications une application serveur et une application client

tu as un problème dans l'application client et tu nous montre le code de l'application serveur.

ça n'a pas de sens.

A+JYT
12/08/2016, 00h57
syrine01

j'ai pas montré le code de l'application serveur comme tu as dis mais j'ai montré ce que je suis entrain de faire . alors que le code coté clients reste le même (html+jquery)
12/08/2016, 08h47
SpaceFrog
Un form ne peut pas pointer par son action sur une fonction jquery ...

Comme le dit Seka, montre nous le code html généré de ta page !

Si tu veux lancer du code js (jquery) coté client sur le sublim du form il faut détourner le comportement du bouton submit ...
Code:

1 2 3 4 5 $('#myform').on('submit', function (e){ e.preventDefault(); actiondesubsitution(); })

Citation:
Envoyé par syrine01
...
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 //Code Html: <form action="{{path('deleteAll')}}" > <p><label><input type="checkbox" id="checkAll"/> Check all</label></p> <fieldset> <p><label><input type="checkbox" name="item" value="{{entity.id}}"/> Option 1</label></p> <p><label><input type="checkbox" name="item" value="{{entity.id}}"/> Option 2</label></p> <p><label><input type="checkbox" name="item"value="{{entity.id}}" /> Option 3</label></p> <p><label><input type="checkbox" name="item" value="{{entity.id}}"/> Option 4</label></p> </fieldset> <br> </form>
...
Ceci n'est pas du code exploitable par un navigateur il doit y avoir soit
du code serveur qui en fait du HTML utilisable
soit du javascript qui génère du code html utilisable

dans le deux cas c'est ce code généré qui est utilisé par javascript
donc ....

ce n'est que lorsqu'on aura les clefs du problème qu'on pourras t'aider.
A+JYT

Merci pour vos conseils.

Ceci mon code html compete:

Code:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
 
<!-- menu dropdown-->
<form id="deleteAll" method="post" action="{{ path('deleteAll') }}">
 
                                <strong >
                                    <i class="fa fa-trash" ></i> Supprimer
                                </strong>
 
<!-- ./menu dropdown -->
 
<!-- un tableau des données récupérées daprés la BD -->
<table id="datatable" class="table table-hover">
                                <thead>
                                <tr>
                                    <th>
                                            <input type="checkbox" id="checkAll"/> <!-- ici le bouton checkAll-->
                                    </th>
 
                                    <th>
                                        Titre Du Projet
                                    </th>
 
                                    <th>
                                        Date D'ajout
                                    </th>
 
                                    <th>
                                        Date De Modification
                                    </th>
                                </tr>
 
                                </thead>
 
                                <tbody>
{% for entity in entities %}
 
                                        <tr class="gradeC">
                                            <td>
                                                <input type="checkbox" id="d" name="check[]" value="{{ entity.id}}"/> <!-- ici les diferrents ids des projets qui seront envoyé ver ma route "deleteAll"-->
                                                </form>
                                               </td>
 
                                            <td>
                                                <strong>{{ entity.nomProjet }}</strong>
                                            </td>
 
                                           <td>
                                               <strong>{{ entity.dateAjoutPro |date('d-m-Y') }} </strong>
                                           </td>
 
                                           <td>
                                                   <strong>{{ entity.dateModificationPro | date('d-m-Y H:i:s') }}</strong>
 
                                           </td>
 
                                        </tr>
 
                                {%  endfor %}
 
                                </tbody>
 
                            </table>

Puisque je suis débutante en JS j'ai pas trouvé la solution , merci pour vos aides

13/08/2016, 12h46
sekaijin

encore une fois ce n'est pas le code source que tu as écris qui permettra de débloquer la situation

Code:

value="{{ entity.id}}"/> <!-- ici les diferrents ids des projets qui seront envoyé ver ma route

Il y a obligatoirement quelque chose qui interprète ce source et qui en fait du html comme

Code:

value="35"/> <!-- ici les diferrents ids des projets qui seront envoyé ver ma route

c'est ça et seulement ça qui permet de savoir sur quoi agit ton js

A+JYT
14/08/2016, 15h44
syrine01

Merci pour vos aides :) , le probléme est résolu en gardant le bon emplacement de la balise <form> et ajout le bouton submit pour l"envoi des valeurs