IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JSF Java Discussion :

Naviguer entre pages à l'aide de selectOneRadio


Sujet :

JSF Java

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de azassma
    Femme Profil pro
    Ph.D - Computer Vision
    Inscrit en
    Avril 2012
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ph.D - Computer Vision
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2012
    Messages : 159
    Par défaut Naviguer entre pages à l'aide de selectOneRadio
    Bonjour,

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

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Membre très actif Avatar de omarcisses
    Homme Profil pro
    Développeur Java
    Inscrit en
    Novembre 2007
    Messages
    227
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Finance

    Informations forums :
    Inscription : Novembre 2007
    Messages : 227
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    public String reactToChangedRadio(){
     return gesTest();
    }

  3. #3
    Membre confirmé
    Femme Profil pro
    Développeur Java
    Inscrit en
    Mars 2012
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Mars 2012
    Messages : 61
    Par défaut
    tu dois ajouter une methode dans ton managerBean, et une ligne ajax dans ta page xhtml comme ceci :

    ta page xhtml:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 et la methode rederiger comme ceci:

    ManagerBean

    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
    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();
    		}}

  4. #4
    Membre très actif Avatar de omarcisses
    Homme Profil pro
    Développeur Java
    Inscrit en
    Novembre 2007
    Messages
    227
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Finance

    Informations forums :
    Inscription : Novembre 2007
    Messages : 227
    Par défaut
    Citation Envoyé par aishaDev Voir le message
    tu dois ajouter une methode dans ton managerBean, et une ligne ajax dans ta page xhtml comme ceci :

    ta page xhtml:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 et la methode rederiger comme ceci:

    ManagerBean

    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
    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 ????

  5. #5
    Membre confirmé
    Femme Profil pro
    Développeur Java
    Inscrit en
    Mars 2012
    Messages
    61
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Développeur Java

    Informations forums :
    Inscription : Mars 2012
    Messages : 61
    Par défaut
    parce que je pense que
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onchange="reactToChangedRadio()"
    ne fait pas l'appel à une méthode ManagerBean mais javaScript

  6. #6
    Membre très actif Avatar de omarcisses
    Homme Profil pro
    Développeur Java
    Inscrit en
    Novembre 2007
    Messages
    227
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Finance

    Informations forums :
    Inscription : Novembre 2007
    Messages : 227
    Par défaut
    si je comprend bien dans la doc de primefaces c'est possible

  7. #7
    Membre confirmé Avatar de azassma
    Femme Profil pro
    Ph.D - Computer Vision
    Inscrit en
    Avril 2012
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ph.D - Computer Vision
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2012
    Messages : 159
    Par défaut
    Citation Envoyé par omarcisses Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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>

  8. #8
    Membre confirmé Avatar de azassma
    Femme Profil pro
    Ph.D - Computer Vision
    Inscrit en
    Avril 2012
    Messages
    159
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Maroc

    Informations professionnelles :
    Activité : Ph.D - Computer Vision
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Avril 2012
    Messages : 159
    Par défaut
    J'ai essayé de faire ceci mais ça ne marche pas encore !!!


    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
     
        <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 : 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
     
     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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

Discussions similaires

  1. Réponses: 0
    Dernier message: 11/12/2010, 08h00
  2. Aide : naviguer entre des pages html en gwt
    Par LePassager dans le forum GWT et Vaadin
    Réponses: 4
    Dernier message: 09/12/2010, 22h27
  3. naviguer entre 2 pages xaml
    Par hbib85 dans le forum Silverlight
    Réponses: 2
    Dernier message: 10/03/2009, 11h18

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo