Naviguer entre pages à l'aide de selectOneRadio

Version imprimable

Bonjour,

Je séveloppe avec Primafeces et j'au besoin d'utiliser un selectOneRadio pour passer à des pages bien determinés.
Code:

1 2 3 4 5 <p:selectOneRadio id="options" style="width:600px;"> <f:selectItem itemLabel="Affaire de bureau" itemValue="1"/> <f:selectItem itemLabel="Affaire de campagne" itemValue="2" /> </p:selectOneRadio>
si je choisi Affaire de bureau je veux que la page page1.xhtml s'affiche et si je choisi Affaire de campagne je veux que la page2.xhtml s'affiche.

S'il vous plait si vous pouvez m'aidez.

Merci

Code:

1
2
3
4
5
 
<p:selectOneRadio onchange="reactToChangedRadio()"  value="#{bean.test}">
           <f:selectItem itemLabel="Affaire de bureau" itemValue="page1"/>
    <f:selectItem itemLabel="Affaire de campagne" itemValue="page2" />
    </p:selectOneRadio>

cote java

Code:

1
2
3
4
 
public String reactToChangedRadio(){
 return gesTest();
}

tu dois ajouter une methode dans ton managerBean, et une ligne ajax dans ta page xhtml comme ceci :

ta page xhtml:

Code:

1
2
3
4
5
<p:selectOneRadio id="options" style="width:600px;" value="#{managerBean.id}">
    <f:selectItem itemLabel="Affaire de bureau" itemValue="1"/>
    <f:selectItem itemLabel="Affaire de campagne" itemValue="2" />
            <f:ajax event="change" listener="#{managerBean.rederiger}" />
</p:selectOneRadio>

et dans ta classe managerBean tu dois créer un attribut

Code:

id

et la methode rederiger comme ceci:

ManagerBean

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
public void rederiger(AjaxBehaviorEvent e){
	if(id==1)
  try {
			FacesContext.getCurrentInstance().getExternalContext().redirect("page1.xhtml");
		} catch (IOException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}
	else
		try {
			FacesContext.getCurrentInstance().getExternalContext().redirect("page2.xhtml");
		} catch (IOException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}}

Citation:

Envoyé par aishaDev

tu dois ajouter une methode dans ton managerBean, et une ligne ajax dans ta page xhtml comme ceci :

ta page xhtml:

Code:

1
2
3
4
5
<p:selectOneRadio id="options" style="width:600px;" value="#{managerBean.id}">
    <f:selectItem itemLabel="Affaire de bureau" itemValue="1"/>
    <f:selectItem itemLabel="Affaire de campagne" itemValue="2" />
            <f:ajax event="change" listener="#{managerBean.rederiger}" />
</p:selectOneRadio>

et dans ta classe managerBean tu dois créer un attribut

Code:

id

et la methode rederiger comme ceci:

ManagerBean

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
public void rederiger(AjaxBehaviorEvent e){
	if(id==1)
  try {
			FacesContext.getCurrentInstance().getExternalContext().redirect("page1.xhtml");
		} catch (IOException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}
	else
		try {
			FacesContext.getCurrentInstance().getExternalContext().redirect("page2.xhtml");
		} catch (IOException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}}

C'est quoi l'interet de faire une redirection avec ajax ????

20/06/2012, 12h41
aishaDev

parce que je pense que

Code:

onchange="reactToChangedRadio()"

ne fait pas l'appel à une méthode ManagerBean mais javaScript
20/06/2012, 12h52
omarcisses

si je comprend bien dans la doc de primefaces c'est possible
20/06/2012, 13h08
aishaDev

parce que j'ai déja tenté un exemple comme ça et ça m'a donné une erreur qu' il a pas trouver la methode javaScript donc il a considéré comme une méthode javaScript ;)
mais je sais pas parce que je suis débutante dans ce framework JSF :)
20/06/2012, 14h34
omarcisses

Citation:

Envoyé par aishaDev

parce que j'ai déja tenté un exemple comme ça et ça m'a donné une erreur qu' il a pas trouver la methode javaScript donc il a considéré comme une méthode javaScript ;)
mais je sais pas parce que je suis débutante dans ce framework JSF :)

Y a aussi onchangeListener qui je suis sur appel ta methode java
20/06/2012, 16h10
wajdopovitch

si tu ne va pas faire traitement coté serveur : tu aura juste besoin de la redirection donc tu peux le faire simplement avec le javascript :zoubi:onchange="actionJS();"

function actionJS(){
if( value == 1 ..{
window.location =.. ;
}

}
20/06/2012, 16h15
omarcisses

oui moi je l'aurais fait comme ca

Citation:

Envoyé par omarcisses

Code:

1
2
3
4
5
 
<p:selectOneRadio onchange="reactToChangedRadio()"  value="#{bean.test}">
           <f:selectItem itemLabel="Affaire de bureau" itemValue="page1"/>
    <f:selectItem itemLabel="Affaire de campagne" itemValue="page2" />
    </p:selectOneRadio>

cote java

Code:

1
2
3
4
 
public String reactToChangedRadio(){
 return gesTest();
}

Merci à vous tous mais ça ne marche pas encore.
J'ai adopté la solution de Mr Oumar avec quelques modifications

Code:

1
2
3
4
5
6
7
 
<h:panelGrid columns="2" style="height: 50px;float: left;margin-left: 10px">
                                <p:selectOneRadio id="options" value="#{jSFManagedBean.radioButton}" style="width:600px;">
                                    <f:selectItem itemLabel="Personne physique" itemValue="infracteursPhysique.xhtml"/>
                                    <f:selectItem itemLabel="Personne morale" itemValue="infracteursMorale.xhtml" />
                                </p:selectOneRadio>
                            </h:panelGrid>

ce code existe dans les deux pages infracteursPhysique.xhtml et infracteursMorale.xhtml

Voila methode du managedBean

Code:

1
2
3
4
 
public String infracteursButtonRadio() {
        return this.radioButton;
    }

Et dans une autre page qui comporte mes onglets j'appelle ma méthode
pour choisir la page adequat.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 <ui:composition template="../Template.xhtml">
        <ui:define name="content">
            <h:panelGrid  style="font-size: 12px;">
                <p:tabView>
                    <p:tab title="Créer affaire">
                        <ui:include src="creerAffaire.xhtml"/>
                    </p:tab>
                        <p:tab title="Infracteurs">
                        <ui:include src="#{jSFManagedBean.radioButtonChemin}"/>
                    </p:tab>
                        </h:panelGrid>
        </ui:define>
    </ui:composition>

J'ai essayé de faire ceci mais ça ne marche pas encore !!!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
    <ui:composition template="../Template.xhtml">
        <ui:define name="content">
            <h:panelGrid  style="font-size: 12px;">
                <p:tabView widgetVar="tabCreationAffaire">
                    <p:tab title="Constater affaire" >
                        <ui:include src="constatationAffaire.xhtml"/>
                    </p:tab>
                    <p:tab title="Infracteurs">
                        <ui:include src="#{AffaireMBean.pageInfracteurs}"/>
                    </p:tab>
                </p:tabView>
            </h:panelGrid>
        </ui:define>
    </ui:composition>
</html>

Dans le managedBean

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
 
 private String resultatRadioButton;
 
public String getResultatRadioButton() {
        return resultatRadioButton;
    }
 
    public void setResultatRadioButton(String resultatRadioButton) {
        this.resultatRadioButton = resultatRadioButton;
    }
 
 
 
public String pageInfracteurs() {
        String page;
        page = "infracteursPhysique.xhtml";
 
        if ("physique".equals(resultatRadioButton)) {
            page = "infracteursPhysique.xhtml";
        }
        if ("morale".equals(resultatRadioButton)) {
            page = "infracteursPhysique.xhtml";
        }
 
        return page;
    }

Dans la page infracteurs physique et infracteurs moral j'ai mis le code suivant

Code:

1
2
3
4
5
6
7
8
9
 
<div class="Infracteur1">
                            <h:panelGrid columns="2" style="width:700px;height: 50px;">
                                <p:selectOneRadio id="options" style="width:700px;" value="#{AffaireMBean.resultatRadioButton}" onchange="submit();">
                                    <f:selectItem itemLabel="Personne physique" itemValue="physique"/>
                                    <f:selectItem itemLabel="Personne morale" itemValue="morale" />
                                </p:selectOneRadio>
                            </h:panelGrid>
                        </div>

Si vous pouvez m'aider ??? Merci