[2.x] Récupération bonne valeur paramètre

Bonjour à tous,
je débute en symfony2 et je suis confronté à un problème qui me fait perdre mes cheveux:aie:. En gros je récupère des données de ma bd que j'affiche grâce à une boucle for dans une vue généré avec twig. Je donne la possibilité de modifier et supprimer les éléments affichés. Seulement voila, quand je sélectionne un élément à supprimer, c'est toujours la valeur du premier élément que je reçois dans ma variable:oops:!. Pourtant pour la modification j'ai pas de soucis et j'utilise la même approche à ceci près que je génère une fenêtre modal de confirmation de suppression; pour cela j'utilise Bootstrap. Bon assez de bavardage je vous présente le code de la vue:

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
 
<table class = "table table-bordered table-striped">
                <caption>
                    <h4>Liste d équipements modifiables </h4>
                </caption>
                <thead>
                    <tr>
                        <th>Nom</th>
                        <th>Type</th>
                    </tr>
                </thead>
                {%for equipement in equipements%}
                    <tr>
                        <td>{{equipement.nom}}</td>
                        <td>{{equipement.type}}</td>
                        <td>
                            <center>
                                <a class="btn btn btn-info" href="{{path('domo_maison_equipementUpdate', {'name': equipement.nom})}}">Modifier</a>
                            </center>
                        </td>
                        <td>
                            <center>
                                <a class="btn btn btn-info" data-toggle="modal" data-param="{{equipement.nom}}" id="supp" href="#confirmation-supp" onclick="getParam('supp');">Supprimer</a>
                            </center>
                        </td>
                    </tr>
                {% endfor %}
            </table>

code de gestion fenêtre modale:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<div id="confirmation-supp" class="modal small hide fade">
        <div class="modal-header"><a class="close" data-dismiss="modal">x</a>
            <h3>Confirmation de suppression</h3>
        </div>
        <div class="modal-body">
            <p class="text-error"> Voulez vous vraiment supprimer l équipement selectioné?</p>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn" data-dismiss="modal">Annuler</button>
            <!-- id-param= "testNomEquip1" -->
            <button id="confirmSupp"  type="button" class="btn btn-danger"
                    data-dismiss="modal">Supprimer</button>
        </div>
    </div>

code javascript associe:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript">
        $(document).ready(function(){
            $('#confirmSupp').click(function(){
                //var idparam = $(this).attr('id-param');
                //var idparam = $("#supp").data("param");
                var idparam = paramId;
                //var url = Routing.generate('domo_maison_equipementDell',{'name': idparam});
                //location.href= url;
                alert('test : '+ idparam);
            });
        });
    </script>
    <script type="text/javascript">
        function getParam(id){
           var element = document.getElementById(id);
           paramId = element.getAttribute('data-param');
           alert('test first : '+ paramId);
        }
    </script>

J'ai essayé différente chose en vain. Je m'en remets à vous. Merci d'avance pour votre aide