Discussion :

[JibéCC]

Bonsoir,
Ce post est une suite à celui-ci http://www.developpez.net/forums/d60...k/#post3573680 à consulter pour des exemples de code.

La question est la suivante :
peut-on, et si oui comment, utiliser le paramètre action="#{backingBean.methode}" d'un <h:commandLink> situé dans un <t:tree2>, lui même situé dans un onglet d'un <t:panelTabbedpane> ?
Je n'arrive pas à faire fonctionner cela (pas de blocage, mais pas non plus d'appel de la méthode).
A priori, il y a un conflit dû à une imbrication de <form> dans le code HTML généré, ce qui n'est (à ma connaissance) pas possible.
Un <form> explicite pour le <t:tree2> et, a priori, un <form> implicite (non codé dans la page JSP) pour le < t:panelTabbedpane>.
Je n'ai pas vérifié dans le code html, mais sans le <t:panelTabbedpane> ça marche.
Voilà, affaire à suivre donc.
JibéCC

[JibéCC]

Bonsoir,
de manière empirique, j'ai trouvé une caractéristique du blocage et j'ai mis en place une solution qui relève un peu de la "bidouille".
Je n'explique pas le pourquoi du blocage et par conséquence non plus pourquoi ce que j'ai fait fonctionne, mais ça a l'air de fonctionner !!!

J'ai constaté que seuls les liens d'un arbre se situant sur le premier onglet du < t:panelTabbedpane> ne sont pas actifs. Ceux des arbres situés sur les autres onglets fonctionnent.
J'entends par premier onglet celui qui est le premier écrit dans la page JSP, et c'est aussi celui qui s'affiche par défaut au chargement de la page.
Pour bien expliquer un peu de code.
Dans le code ci-dessous c'est le <t:panelTab id="tab1"> dont les liens sont inactifs dans l'arbre <t:tree2 id="arbreUn">.

Pour contourner cela j'ai ajouté un formulaire vide juste au dessus de <t:panelTab id="tab1"> (voir aussi dans le code ci-dessous).

Si quelqu'un a une explication plus rigoureuse que mon tâtonnement, cela permettrait de valider/invalider ma bidouille.
Je positionne mon post comme résolu.

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
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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
<t:panelTabbedPane id="editorPane" 
               activeTabStyleClass="panneau_onglet_actif" 
 	       inactiveTabStyleClass="panneau_onglet_inactif" 
 	      tabContentStyleClass="panneau_contenu">      
	<h:outputText value="#{msg.unMessage}" styleClass="bleu-logo"/>
 	<f:verbatim><br /><hr /></f:verbatim>
 
 	//////////C'EST ICI QUE J'AJOUTE <h:form></h:form>///////////////////
 
 	<t:panelTab id="tab1" label="#{msg.navigationTabLabelOnglet1}" rendered="true">
 		<h:outputText value="#{msg.navigationTabLabelOnglet1Chapeau}" styleClass="orange-logo"/>
 		<f:verbatim><hr /><br /></f:verbatim>
 		<h:form id="nav">
 			<t:tree2 id="arbreUn" 
 					value="#{navigationBean.arbreCategorie}" 
 					var="node" 
 					varNodeToggler="t">
        			<f:facet name="concept-jaune-link">        								
           				<h:panelGroup>           									                				
                  			<f:facet name="expand">
                  				<t:graphicImage value="/images/yellow-folder-open.png"  rendered="#{t.nodeExpanded}" border="0"/>
                				</f:facet>
                				<f:facet name="collapse">
                		    			<t:graphicImage value="/images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}"  border="0"/>
                				</f:facet>                							
                				<h:commandLink immediate="true" 
                						styleClass="#{t.nodeSelected ? 'documentSelected':'document'}" 
           		     					actionListener="#{t.setNodeSelected}"
                						action="#{leBackingBean.clicLien}">
                    					<h:outputText value="#{node.description}"/>
                    					<f:param name="docNum" value="#{node.identifier}"/>
                				</h:commandLink>                							
           		 		</h:panelGroup>
        			</f:facet>
				...
				... d'aures <f:facet></f:facet> 
				...
			</t:tree2>
    		</h:form>       							
   	</t:panelTab>
	<t:panelTab id="tab2" label="#{msg.navigationTabLabelOnglet1}" rendered="true">
 		<h:outputText value="#{msg.navigationTabLabelOnglet1Chapeau}" styleClass="orange-logo"/>
 		<f:verbatim><hr /><br /></f:verbatim>
 		<h:form id="nav">
 			<t:tree2 id="arbreDeux" 
 					value="#{navigationBean.arbreCategorie}" 
 					var="node" 
 					varNodeToggler="t">
        			<f:facet name="concept-jaune-link">        								
           				<h:panelGroup>           									                				
                  			<f:facet name="expand">
                  				<t:graphicImage value="/images/yellow-folder-open.png"  rendered="#{t.nodeExpanded}" border="0"/>
                				</f:facet>
                				<f:facet name="collapse">
                		    			<t:graphicImage value="/images/yellow-folder-closed.png" rendered="#{!t.nodeExpanded}"  border="0"/>
                				</f:facet>                							
                				<h:commandLink immediate="true" 
                						styleClass="#{t.nodeSelected ? 'documentSelected':'document'}" 
           		     					actionListener="#{t.setNodeSelected}"
                						action="#{leBackingBean.clicLien}">
                    					<h:outputText value="#{node.description}"/>
                    					<f:param name="docNum" value="#{node.identifier}"/>
                				</h:commandLink>                							
           		 		</h:panelGroup>
        			</f:facet>
				...
				... d'aures <f:facet></f:facet>
				... 
			</t:tree2>
    		</h:form>       							
   	</t:panelTab>
	...
	... d'autres <t:paneltab></t:panelTab>
	...
</t:panelTabbedPane>