Invoquer la méthode d'action au clic de h: selectOneMenu

J'ai le texte suivant dans la liste déroulante:

<h:selectOneMenu value="#{user.favCoffee3}"  onclick="">
   <f:selectItems value="#{user.favCoffee3Value}" var="c"
   itemLabel="#{c.coffeeLabel}" itemValue="#{c.coffeeValue}" />
</h:selectOneMenu>

Je voudrais lancer une méthode à partir de la fève dans la liste déroulante élément, cliquez sur. Comment puis-je l'atteindre?

source d'informationauteur user2459256

  1. 16

    Vous pouvez utiliser le valueChangeListener attribut, pointant vers une méthode dans le managed-bean et ajouter un submit() dans le onchange attribut.

    Le formulaire doit ressembler à :

    </h:form>
    <h:selectOneMenu valueChangeListener="#{bean.valueChanged}" 
                     onchange="submit()">
        <f:selectItem itemValue="1" itemLabel="First" />
        <f:selectItem itemValue="2" itemLabel="Second" />
    </h:selectOneMenu>
</h:form>

    Et la valueChangeListener méthode dans le managed bean serait:

    public void valueChanged(ValueChangeEvent event) {
    //do your stuff
}
  2. 2

    En tant que partie de la base de JSF toolkit, vous pouvez utiliser le <f:ajax/> balise de présenter (à l'aide d'ajax) votre entrée sans avoir besoin d'une pleine page de soumettre/actualiser. À l'aide de votre code d'échantillon

    1. Définir la <f:ajax/> étiquette en tant qu'enfant du menu déroulant

      <h:selectOneMenu value="#{user.favCoffee3}"  onclick="">
   <f:selectItems value="#{user.favCoffee3Value}" var="c" itemLabel="#{c.coffeeLabel}" itemValue="#{c.coffeeValue}" />
   <f:ajax listener="#{user.doSomething}"/>
</h:selectOneMenu>

    2. Définir une méthode (doSomething() dans cet exemple) dans le backing bean qui accepte une instance de AjaxBehaviorEvent

      public void doSomething(AjaxBehaviorEvent abe){
  //do what you want with your favCoffee3 variable here
}

    Pour en savoir plus:

  3. 1

    Semble fonctionner pour a4j:support. Votre h:selectOneMenu devrait ressembler à ceci:

    <h:selectOneMenu value="#{user.favCoffee3}">
    <f:selectItems value="#{user.favCoffee3Value}" var="c" itemLabel="#{c.coffeeLabel}" itemValue="#{c.coffeeValue}" />
    <a4j:support event="onchange" action="#{user.onSelectOneMenuChange}">
</h:selectOneMenu>

    Vous devez également ajouter le suivant taglib:

    <%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>