bloquer le changement d'un onglet

Version imprimable

Bonjour,
J'ai un pb qui me chauffe l'esprit.
Les pages de mon projet sont composés de plusieurs onglets (rich:tab) tous inclus dans un rich:tanPanel selon ce code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<rich:tabPanel ontabchange="return peutChangerDeTab('#{commun.dataBean.peutChangerOnglet}');" switchType="server"  selectedTab="#{selecTab}"  >
 
...
<rich:tab label="#{candidature.ongle_souhaits}" name="souhaits">
 				<ui:include src="/pages/pre-admission/candidature/souhaitsJeune.xhtml" />
 				</rich:tab>
        		<rich:tab label="#{candidature.ongle_identite}" name="identite">
        			<ui:include src="/pages/pre-admission/candidature/identite.xhtml" />
       		    </rich:tab> 
       			<rich:tab label="#{candidature.ongle_situation_actuelle}" name="situationActuelle" disabled="false" rendered="false">
       				<f:facet name="label"> 
			         	   	 <muc:ongletEnteteEpideOff  paramTab="tab2" paramOngletLabel="#{candidature.ongle_situation_actuelle}" paramDisabled="true" />
			       	</f:facet>
       			</rich:tab>
       			<rich:tab label="#{candidature.ongle_situation_actuelle}" name="situationActuelle" rendered="true">
       				<ui:include src="/pages/pre-admission/candidature/situationActuelle.xhtml" />
       			</rich:tab>
       			<rich:tab label="#{candidature.ongle_connaissance}" name="connaissanceEpide">	
       				<ui:include src="/pages/pre-admission/candidature/connaissance.xhtml" />
       			</rich:tab>

Et voila ma fonction js:

Code:

1
2
3
4
5
6
7
 
function peutChangerDeTab(canChangeTab) {
		if (canChangeTab=='true')
		return true;
		else
			return false;
 }

En fait je veux bloquer le changement d'onglet tant que dans le formulaire en cours le client n'a pas validé la page. le pb c'est que l'appel serveur ne rafraichit pas l'onglet, quelqu'un a une idée?

18/09/2009, 11h09
Fafhrd

Je n'ai jamais utilisé le composant rich:tabPanel... mais si c'est à la validation du formulaire que tu dois faire une action, tu ne peux pas utiliser de l'ajax pour recharger ton composant en cas de validation du formulaire ? (avec un a4j:commandButton et tu recharges ton tableau par un reRender)
18/09/2009, 14h17
DevServlet
Code:

avec un a4j:commandButton et tu recharges ton tableau par un reRender)

C'est là toute la problématique, je n'arrive pas à rafraichir tout le rich:tab pour qu'il prenne en compte la valeur passée en paramètre la méthode peutChangerTab du code suivant :
Code:

1 2 <rich:tabPanel ontabchange="return peutChangerDeTab('#{commun.dataBean.peutChangerOnglet}');" switchType="server" selectedTab="souhaits" > ...
Je sais meme pas si c'est la bonne solution que j'adopte là.
Une autre idée?
21/09/2009, 12h03
Fafhrd

Je ne vois pas en quoi mon idée est mauvaise... Tu n'as surement pas compris comment se passe le rechargement en ajax :
- Tu met un id à ton <rich:tabPanel> (exemple tabPanelId)
- Tu remplaces le bouton de submit de ton formulaire par un a4j:commandButton et tu met comme propriété reRender="tabPanelId"

Lorsque l'utilisateur cliquera sur le bouton de validation, ton action sera evaluée. Tu changes dans ton action la variable dataBean.peutChangerOnglet et le formulaire se recharge tout seul grâce au reRender.
Après le rechargement, ta fonction javascript est évaluée de nouveau...

Enfin tu peux toujours chercher une autre solution ;).
21/09/2009, 19h08
DevServlet

C'est bon j'ai trouvé une autre solution paléative, c'est de la bidouille javascript, pas propre , mais ca me permet de passer à autre chose.
Merci tout de même.