[débutant] creation Onglets

Version imprimable

Voir 40 message(s) de cette discussion en une page

04/06/2007, 14h08
iftolotfi

[débutant] creation Onglets

salut,
je veux utiliser les onglets dans mon application j ai cherché des exemples mes j ai pas trouvé grand chose, est ce que quelqu un à un lien qui explique de manière claire l utilisation des onglets dans Struts.
Merci
04/06/2007, 14h19
Cronycs

Est-ce que tu pourrais être plus explicite ? Dans quoi voudrais tu créer des Onglets ? Pour faire un menu ?
04/06/2007, 14h28
iftolotfi

oui pour faire un menu dans une page donnée, j utilise jdk 1.4 et struts 1.2
04/06/2007, 14h32
Cronycs

En sachant que Struts est une technologie Web donc figé, je pense que les "onglets" sont plus un effet de style qu'autre chose. Ca se passerait donc plutôt du coté du css que de struts. Mais peut-être que je me trompe :oops:
04/06/2007, 14h49
azur_34

J'ai une application struts avec des onglets et en effet j'utilise les css
04/06/2007, 16h40
iftolotfi

y as t il un tuto ou un exemple ou je peux m en inspirer
05/06/2007, 09h10
azerr

Bonjour
si tu es interesse tu as le projet JSPTabControl
http://jsptabcontrol.sourceforge.net/ qui est une taglib qui te perrmet de gerer des onglets dans une JSP.

Angelo
05/06/2007, 09h16
OButterlin

Tu as également Struts-Layout, très complet
(champs date, onglet, liste paginée etc...)

http://struts.application-servers.com/

A+
05/06/2007, 16h45
AnneB

Dans l'appli que je suis en train de réaliser, il y a des onglets. Pour mettre ca en place, je me suis largement inspirée de ce site :
http://demo.raibledesigns.com/struts-menu/

Pour faire des trucs comme ca il faut que tu télécharge le struts-menu.tld....
J'ai aussi fait des onglets "dynamiques", c'est à dire que mes onglets varient en fonction de l'utilisateur et pour ca j'ai du utiliser la struts-menu-el.tld (à télécharger aussi)

Bon courage :)

Anne

merci pour vos reponses

j ai essayé de faire ça
http://demo.raibledesigns.com/struts...abs.jsp?People

la page s affiche bien avec les onglets mes lorsque je klick sur le lien les onglets disparessent et la page s affiche toute seule!!!

voila mon fichier meu-configue.xml
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <?xml version="1.0" encoding="UTF-8"?> <MenuConfig> <Displayers> <Displayer name="TabbedMenu" type="net.sf.navigator.displayer.TabbedMenuDisplayer"/> </Displayers> <Menus> <Menu name="Test1" title="Menu1" description="Todos Menu" page="/main.do"/> <Menu name="Test2" title="Menu2" description="Todos Menu" page="creationProfils.do/> </Menus> </MenuConfig>

06/06/2007, 00h29
Mister Nono

On peut faire de très beaux onglets en XHTML et CSS et éventuellement Javascript. ;)
06/06/2007, 02h24
azerr

Suite a la remarque de Mister Nono
JSPTabControl permet de generer le code HTML des onglets avec des ul/li => http://jsptabcontrol.sourceforge.net...per-guide.html.

Le parametrage des onglets (images, border,...) se fait uniquement avec des CSS. JSPTabcontrol te permet de :

1. gerer le rendu de tes onglets avec des CSS.
2. gerer la localisation des onglets (avec Struts ou non)
3. selectionner un onglet depuis le serveur (action Struts par exemple)
4. gerer des etats sur tes onglets comme erreur, lecture seule, invisible,... cote serveur ou client (javascript)
5. selectionner un onglet cote serveur
6. garde l'onglet selectionne apres un post.

Angelo
06/06/2007, 08h09
AlexisG

Je vais peut être faire une reponse a l'ouest mais il y a le tag <TabbedPanel /> qui fonctionne bien avec le theme 'ajax'.
06/06/2007, 09h35
Mister Nono

Citation:

Envoyé par azerr

Suite a la remarque de Mister Nono
JSPTabControl permet de generer le code HTML des onglets avec des ul/li => http://jsptabcontrol.sourceforge.net...per-guide.html.

...

Cela peut-être intéressant effectivement.

Mais c'est encore l'ajoût et l'apprentissage d'une bibliothèque pour faire quelque chose qui est quand même simple à réaliser, et quand on réalise un projet on prend en compte le coût horaire et le rapport (complexité / résultat).

Merci pour l'information. ;)
06/06/2007, 09h49
AnneB
Citation:

Envoyé par iftolotfi

la page s affiche bien avec les onglets mes lorsque je klick sur le lien les onglets disparessent et la page s affiche toute seule!!!

tu as mis ca dans les jsp sur lesquelles sont redirigées tes actions?
Code:

1 2 3 4 5 6 7 8 <div> <menu:useMenuDisplayer name="TabbedMenu"> <ul class="menuList"> <menu:displayMenu name="Test1"/> <menu:displayMenu name="Test2"/> </ul> </menu:useMenuDisplayer> </div>
06/06/2007, 10h34
azerr

Bonjour

Citation:

Mais c'est encore l'ajoût et l'apprentissage d'une bibliothèque pour faire quelque chose qui est quand même simple à réaliser, et quand on réalise un projet on prend en compte le coût horaire et le rapport (complexité / résultat).

JSPtabcontrol n'est pas très compliqué à mettre en place. De plus tu as une distribution jsptabcontrol-usecases-1.0-b2 qui te répertorie tous les cas d'utilisation de JSPTabControl.

Angelo

ce que je veux lors d un click sur un ongler afficher l page en dessou sans que mes onglet disparessent .
voila ma page jsp :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<%@ taglib uri="http://struts-menu.sf.net/tag" prefix="menu" %>
 
 
 
 
 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Tabbed Menu (with Velocity) Example</title>
 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
    <link rel="stylesheet" type="text/css" media="screen" href="styles/global.css" />  
    <link rel="stylesheet" type="text/css" media="screen" href="styles/tabs.css" />
 
    <script type="text/javascript" src="styles/tabs.js"></script>
</head>
<body>
 
<div>
<menu:useMenuDisplayer name="TabbedMenu" 
    bundle="org.apache.struts.action.MESSAGE">
    <ul class="menuList">
    <menu:displayMenu name="Test1"/>
    <menu:displayMenu name="Test2"/>
    </ul>
</menu:useMenuDisplayer>
</div>
 
<div id="content" style="width: 60%">
    <h2>CSS Tabs with Submenus</h2>
    <p>
        This example uses a Velocity template to render its HTML. Otherwise,
        it's the same as the <a href="tabbedMenu.jsp?Home">Tabbed Menu Example</a>.
        However, this one is much better (in my opinion) because you have full
        control over the HTML (via Velocity templates) and display logic. 
    </p>
</div>
 
 
</body>
</html>

et mon fichier menu-config.xml

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?xml version="1.0" encoding="UTF-8"?>
<MenuConfig>
    <Displayers>
        <Displayer 	name="TabbedMenu"
  					type="net.sf.navigator.displayer.TabbedMenuDisplayer"/>
    </Displayers>
    <Menus>
		<Menu 	name="Test1" 
				title="Menu1" 
				description="Todos Menu" 
				page="/main.do"/>
				<Menu 	name="Test2" 
				title="Menu2" 
				description="Todos Menu" 
				page="/welcom.do"/>
     </Menus>
 
 
</MenuConfig>

est ce que config="/templates/tabs.html" est obligatoir pour que les lien s affiche dans la même page, enl ajoutant dans

Code:

1
2
<menu:useMenuDisplayer name="TabbedMenu" config="/templates/tabs.html"
    bundle="org.apache.struts.action.MESSAGE">

mes onglets disparessent et j ai à la place des NULL

06/06/2007, 14h30
iftolotfi

mnt c bon j ai les liens qui marchent,

le but de l utilsation des onglets pour moi c la saisie dans un formulaire trés long, donc je veux en clickant sur le premier onglet afficher une partie et puis qlicker sur l autre pour continuer la saisie, la soumission du form peut se faire apartir des deux, je dois avoir une seul action et un seul formBean, est ce que qlq un voix comment le faire
06/06/2007, 14h52
chaminette

C'est un peu tordu ce que tu veux faire .... non?
si tu envois vers la meme actionform ça doit se faire , ce que je ne comprends c'est comment tu veux garder les champs chargés à chaque page en mémoire?
06/06/2007, 14h58
AnneB

Si je comprend bien, tu veux faire un formulaire sur plusieurs onglets que l'utilisateur doit remplir. L'user peut valider la saisie de tous les champs par l'intermédiaire d'un bouton submit "Validation".

Je ne vois qu'une manière de garder les champs saisis : il faut un bouton de soumission "intermédiaire", un bouton "save" par exemple, a la soumission tu passes par ta classe action, tu sauvegarde les champs saisis correspondants aux champs de ton onglet, et tu met ton ActionForm en session. Ainsi tu pourras le récupérer sans soucis apres....

Mais comme dit Chaminette c'est un peu tordu :roll:

Voir 40 message(s) de cette discussion en une page