Discussion :

[Mailgifson]

Bonjour à tous,

J'aimerais savoir s'il est possible et dans le cas échéant comment je dois m'y prendre pour afficher un bouton sur chaque ligne d'un tableau.

En fait, j'ai créé un projet en Java qui me permet de récupérer des informations dans une base de données. J'affiche ces informations sous forme de tableau HTML via un Servlet.

Pour chaque ligne j'aimerais ajouter un bouton "Détails" qui me permettrait d’exécuter une nouvelle requête avec des informations plus détaillées sur la ligne sélectionnée.

Je ne sais si c'est très clair :S

Merci d'avance pour vos réponses.

[Mailgifson]

[florentB]

comment construis-tu ton tableau ?
Avec une librairie ?
A la main avec une boucle ?

Dans les deux cas, dans ta JSP, tu peux ajouter un bouton style

Code :

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

1
2
 
<input type="button" onclick="taFonctionJSQuiAppelleUneMethode('<idObjet>')" />

Et dans ton JS :

Code :

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

1
2
3
4
function taFonctionJSQuiAppelleUneMethode(id) {
document.forms["myform"].action="tonAction?id="+id;
document.forms["tonForm"].submit();
}

Enfin, dans ta nouvelle méthode tu récupère l'id pour récupérer toutes les informations en base.

[Mailgifson]

Merci, je vais essayer ça !

[Mailgifson]

Alors, je parviens désormais à construire mon tableau avec mes boutons, mais je ne parviens pas à appeler ma procédure.

Je construit mon tableau à partir d'une boucle directement dans mon servlet (je n'utilise pas de JSP - c'est peut-être ça le problème) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
out.println( "<P ALIGN='center'><TABLE BORDER=1>" );
out.println( "<TR><TH>Colonne1</TH><TH>Colonne2</TH><TH>Colonne3</TH><TH></TH></TR>" );
 
for( int i=0 ; i < NumeroApplication.size() ; i++ ) {
	out.println( "<TR><TD>" + NumeroApplication.get(i) + "</TD>" +
		"<TD>" + NomApplication.get(i) + "</TD>" +
		"<TD>" + EnvApplication.get(i) + "</TD>" +
		"<TD>" + "<input type=\"button\" value=\"Voir le détail\" onclick=\"Test('AAA')\" />" + "</TD>" + "</TR>" );
}
 
out.println("</TABLE></P>");

J'ai déclaré ma procédure dans la même class :

Code :

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

1
2
3
public void Test( String pMonParametre ) { 
javax.swing.JOptionPane.showMessageDialog( null, pMonParametre ); 
}

[jowo]

Bonjour,

Attention à ne pas tout confondre... onClick va appeler la fonction Javascript 'Test' se trouvant côté client.

[Mailgifson]

Ah OK...

Du coup, comment dois-je procéder pour créer un bouton qui appel une fonction coté serveur ?

[florentB]

cf mon premier post.
Tu créés ta fonction javascript :

Code :

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

1
2
3
function Test(id) {
...
}

A l'intérieur tu appelles ta servlet avec en paramètre l'id (?id=<valeur>).
Tu récupère l'id dans ta servlet avec un request.getParameter("id");

[Mailgifson]

Donc, j'ai suivi vos instructions.

1.Ma Servlet appel ma JSP.

2. Ma JSP construit mon tableau (avec les boutons) à partir des informations fournies par ma Servlet.

3. Les boutons de mon tableau appellent une fonction JavaScript de ma JSP.

Jusque là, tout va bien... par contre, je ne comprends pas et je ne parviens pas à retourner dans ma Servlet :

Code :

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

1
2
document.forms["myform"].action="tonAction?id="+id;
document.forms["tonForm"].submit();

[florentB]

Salut.

Pré-requis :
1. As-tu créé la servlet qui servira au traitement ?
2. As - tu référencé la servlet qui sera appelée ? (web.xml)
=> Je ferai référence à son url avec <url> (url-pattern dans web.xml)
3. As - tu bien les balises form dans ta JSP ? (<form action="..." name="...">)
=> Je ferai référence au nom du formulaire (name) avec <nomForm>

Code :
dans ton JS :

Code :

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

1
2
3
4
function Test(id) {
      document.forms["<nomForm>"].action="<url>?id="+id; 
      document.forms["<nomForm>"].submit();
}

[Mailgifson]

J'essayais d'appeler une fonction de ma Servlet principale...

En appelant une nouvelle dédiée, ça fonctionne effectivement.

Du coup, ça veut dire qu'il faut créer une Servlet par action (formulaire) ?
En gros, si je souhaite naviguer dans 3 pages JSP, je dois avoir 3 Servlets ? C'est bien ça ?

[florentB]

En tout cas c'est plus propre.

Tu t'y retrouveras plus facilement et ce sera plus facile à entretenir
N'oublies pas que lorsque tu appelles une servlet, tu appelles la méthode GET ou POST ... tu ne peux pas appeler une méthode de ta servlet en direct.
N'oublies pas le tag

[Mailgifson]

Merci florentB, c'est beaucoup plus clair pour moi maintenant