Discussion :

[toztoztoze]

Bonsoir bon voici mon problème je veux que quand je clic sur un bouton supprimer qui se trouve dans un tableau un message de confirmation s'affiche jusqu'à là tout va bien le message de confirmation s'affiche maintenant je veux que quand je clic sur le bouton supprimer qui se trouve dans le message de confirmation la ligne selectionner se supprime le problème c'est que je sais trés bien comment supprimer une ligne sans message de confirmation il suffit de faire :

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
 
 
 
 <%while(re.next()){%> 
       <tr>
      <th scope="row"><%=re.getObject(2)%></th>
      <td><%=re.getObject(3)%></td>
      <td><%=re.getObject(4)%></td>
      <td><%=re.getObject(5)%></td>
      <td><%=re.getObject(6)%></td>
      <td><a href="Gestion_parking?d=<%=re.getObject(2)%>" class="btn btn-warning btn-lg" data-toggle="modal" data-target="#monModal" ><i class="fas fa-pen"></i></a> <a href="#" class="btn btn-danger btn-lg" data-toggle="modal" data-target="#modalsuppression"><i class="fas fa-trash-alt"></i></a></td>
      </tr>
 
 
      <%}%>

Maintenant le problème c'est que mon bouton de suppression qui se trouve dans le modal (message de confirmation) je ne peux pas lui appliqué cette methode car je peux pas faire le while pour récupérer la valeur du <%=re.getObject(2)%> voici le code de mon bouton :

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
32
33
34
35
36
37
 
 
 
<div class="modal fade" id="modalsuppression">
 
                      <div class="modal-dialog modal-lg">
 
                          <div class="modal-content">
                              <div class="modal-header">
 
                                   <h4 class="modal-title">Confirmation de suppression du local</h4>
                                  <button type="button" class="close" data-dismiss="modal">x</button>
 
 
 
                              </div>
 
                              <div class="modal-body">
 
                                  <p>Vous les vous vraiment supprimer ce modal ?</p>
 
                              </div>
                              <div class="modal-footer">
 
                                  <form method="POST" action='Gestion_des_locaux'>
 
 
                                      <input type="submit" value="supprimer" name="action"  class="btn btn-danger btn-lg" style="margin-right: 550px;" onclick="removeRow(this);"/>
 
                                  </form>
 
                                  <button type="button" data-dismiss="modal" class="btn btn-info btn-lg">Fermer</button>
 
                              </div>
                          </div>
                      </div>
                  </div>

et voici le code de ma servlet :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
 else if("supprimer".equals(action)){
               PreparedStatement st3=c.prepareStatement("delete from local where nom_local=?");
               st3.setString(1, nomlocal);
               int resdelete=st3.executeUpdate();
               if(resdelete>0){
                   request.setAttribute("msg2", "Le local a été supprimer avec succés !");
               }
               else {
                   request.setAttribute("msg2", "Le local n'a pas été supprimé !");
               }
           }

voici quelque images de mon application pour que vous compreniez mieux :




et voici le message de confirmation :




en résumé je veux que quand je clic sur le bouton supprimer qui se trouve dans le message de confirmation la ligne selectionné au part avant se supprime.

Et merci d'avance pour votre aide !

[joel.drigo]

Salut,

Tu peux stocker les identifiants de tes lignes de données dans un attribut "data" : ainsi, lors de la validation, tu parcours les tr, récupères les id par l'attribut data et tu peux passer cette liste d'identifiant à l'uri de la servlet de suppression...

[toztoztoze]

salut joel merci pour ta réponse mais tu peux m'expliquer avec du code stp ? car j'ai compris ce que tu veux dire mais je sais pas comment le faire avec du code

[joel.drigo]

Tu as cherché un petit peu ? Les attributs "data" permettent de mettre une info sur un tag html.

Bon, toi tu utilises nom_local pour identifier tes lignes, je ne sais pas trop ce que c'est, donc je te donne un code avec ça, mais normalement ça devrait être avec un id. C'est pour ça que dans mon exemple j'utilise data-rowid.

A supposer que l'id de tes données se trouvent dans la colonne 1 du résultat de ta requête :

Code :

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

1
2
<td><a href="Gestion_parking?d=<%=re.getObject(2)%>" class="btn btn-warning btn-lg" data-toggle="modal" data-target="#monModal" ><i class="fas fa-pen"></i></a> <a href="#" class="btn btn-danger btn-lg" data-toggle="modal" data-target="#modalsuppression"  data-rowid="<%=re.getObject(2)%>"><i class="fas fa-trash-alt"></i></a></td>
      </tr>

Ensuite, dans ton script de bouton (enfin dans ta fonction JavaScript removeRow() que je devine mais dont je n'ai pas le code), il ne reste qu'à lire l'attribut data-rowid pur l'utiliser en paramètre de ta requête, par exemple en JQuery.

Code :

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

var rowId = $(this).data('rowid');

ou en pur Javascript :

Code :

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

var rowId = this.dataset.rowid

Pour le reste comme je sais pas ce que fait removeRow() (un post ajax ? jquery ? XMLHttpRequest ?), je ne peux en dire plus, à part que tu vas passer rowId en paramètre de la requête à la servlet.

[toztoztoze]

Bonsoir joel,

j'ai compris ce que tu voulais dire, pour nom_local c'est tout simplement le nom du local qui sera supprimé, mais comme tu as dis c'est mieux de faire l'id du coup voici mon nouveau code :

<a href="#" class="btn btn-danger btn-lg" data-toggle="modal" data-target="#modalsuppression" data-rowid="<%=re.getObject(1)%>" onclick="removerow(this);"><i class="fas fa-trash-alt"></i></a>

et voici le code javascript :

function removeRow(rowid){


var rowId = $(this).data('rowid');
document.all("table1").deleteRow(rowId);

}

et pour ma servlet voici le code :

else if("supprimer".equals(action)){


PreparedStatement st3=c.prepareStatement("delete from local where id=?");


st3.setInt(1,??????);
int resdelete=st3.executeUpdate();
if(resdelete>0){
request.setAttribute("msg2", "Le local a été supprimer avec succés !");
}
else {
request.setAttribute("msg2", "Le local n'a pas été supprimé !");
}
}

le problème ici c'est que je ne sais pas quoi mettre pour récupéré l'id ( l'id est auto-increment dans la bd) normalement c'est la valeur de data-rowid que je dois mettre dans

st3.setInt(1,(valeur data-rowid);

non ? le problème c'est que je ne sais pas comment récupéré cette valeur est la mettre dans ma servlet. Désolé si mes questions son bêtes mais je suis toujours un débutant malheureusement.

[joel.drigo]

Dans ta fonction JavaScript, tu invoques bien ta servlet ? En ajax (j'ai déjà posé la question) ? Enfin, tu pourrais le faire par form aussi, mais dans ce cas, tu vas recharger ta page, donc ça ne sert à rien de supprimer tes lignes dans le dom, elles seront naturellement plus là au rechargement.

Quoiqu'il en soit, donc, tu invoques la servlet (par son uri, en post) et donc tu dois passer le paramètre qui va te permettre de supprimer l'enregistrement correspondant dans la table de la base de données (ce sera le paramètre que tu passeras à st3.setInt(1,??????);), en le récupérant dans l'instance de HttpServletRequest.

Comment tu gères la variable action dans ton code de servlet ? C'est un paramètre non ? Ou alors tu as plusieurs uri différentes, une par action ? Si c'est un paramètre, passé en application/x-www-form-urlencoded, et bien tu peux passer le rowid exactement de la même manière.