Switcher sur un autre rich:tab

**couse1** · 19/08/2011, 16h05

Bonjour,

Voila je souhaite au sein d'un rich:tab d'un rich:tabpanel pouvoir switcher sur un autre rich:tab à partir d'un bouton (ou d'un lien peu importe)
Apparemment il faut que j'utilise ajax (j'utilise RF4 et JSF2). J'ai un bouton qui utilise la fonction switchtoitem, mais bon n'étant pas trop au point avec l'ajax, si qqn avait une idée, merci par avance.

Voici mon code :

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
 
<ui:composition template="/templates/modele.xhtml">
	<ui:define name="head">
		<h:outputText value="Inscription" />
	</ui:define>
	<ui:define name="body">
		<form>
			<rich:tabPanel switchType="client" id="inscription" headerPosition="top" headerLocation="center" selectedTab="">
				<rich:tab header="#{i18n.INSCRIPTION}" name="inscription">
					<h:panelGroup rendered="true" layout="block">
						<h:outputText value="#{i18n.COMMUNE}" />
						<a4j:commandButton id="savePlantillaAction"
                                           oncomplete="#{rich:component('inscription')}.switchToItem('administration');"
                                                  value="Allez"></a4j:commandButton>
					</h:panelGroup>
					<h:panelGroup rendered="true" layout="block">
						<h:panelGrid columns="2" columnClasses="bold" width="100%">
							<h:outputText value="#{i18n.NOM}" />
							<h:inputText value="#{inscriptionController.personne.nom}" />
							<h:outputText value="#{i18n.NOMJF}" />
							<h:inputText value="#{inscriptionController.personne.nomjf}" />
							<h:outputText value="#{i18n.PRENOM}" />
							<h:inputText value="#{inscriptionController.personne.prenom}" />
							<h:outputText value="#{i18n.PRENOM2}" />
							<h:inputText value="#{inscriptionController.personne.prenom2}" />
							<h:outputText value="#{i18n.PRENOM3}" />
							<h:inputText value="#{inscriptionController.personne.prenom3}" />
							<h:outputText value="#{i18n.NUMERO}" />
							<h:inputText value="#{inscriptionController.personne.numero}" />
						</h:panelGrid>
					</h:panelGroup>
 
				</rich:tab>
				<rich:tab header="#{i18n.VALIDATION}" name="validation">
					<p>juste pour voir2</p>
				</rich:tab>
				<rich:tab header="#{i18n.SERVICE}" name="service">
					<p>juste pour voir2</p>
				</rich:tab>
				<rich:tab header="#{i18n.ADMINISTRATION}" name="administration">
					<p>juste pour voir2</p>
				</rich:tab>
			</rich:tabPanel>
		</form>
	</ui:define>
</ui:composition>
</html>

Cordialement
Couse1

**DevServlet** · 22/08/2011, 09h11

L'action du bouton dont tu parles fait elle un appel serveur? si oui, c'est très facile, au moment du rechargement de la page tu modifies la variable java de l'attribut selectedTab en la faisant pointer sur le bon onglet.

Switcher sur un autre rich:tab

JSF Java

Vue hybride

Discussions similaires

Partager

Partager