h:form中的执行顺序:h:selectOneMenu,h:outputText和f:ajax

时间:2013-05-07 11:03:04

标签: ajax jsf selectonemenu

我搜索了很多关于这个主题的内容,但我没有找到帮助我解决问题的解决方案。 我有一个由“Kategorie”列表组成的表单,它们在selectOneMenu中作为selectItem放置,并且是一个outputText(与selectOneMenu一样使用相同的bean)。转换器使他的工作和所有Kategorie名称正确显示。使用ajax-tag,表单会更改selectOneMenu onchange中的值。这也有效,bean属性更新了!但现在我想在更改后立即在outputText中显示所选的Kategorie。我该怎么做???

要在outputText中查看新值,我必须刷新页面。 (KategorieBean是SessionScoped)

在更新bean的Kategorie属性之前,始终会调用outputText-value的getter。

view.xhtml:

    <h:form>
        Wähle eine Kategorie:
        <h:selectOneMenu 
                            value="#{kategorieBean.kategorie}">
            <f:selectItem
                            itemLabel="Wählen..."
                            itemValue="#{null}"/>
            <f:selectItems 
                            value="#{kategorieBean.allKategories}"
                            var="k" 
                            itemLabel="#{k.name}"
                            itemValue="#{k}" />     
            <f:ajax 
                            event="change"
                            execute="@form"
                            render="result"
                            listener="#{kategorieBean.kategorieChangeListener}"/>
        </h:selectOneMenu>
        Ausgewählte Kategorie:      
        <h:outputText id="result" value="#{kategorieBean.kategorie.name}" />
    </h:form>

我还尝试在ajax-tag中使用Listener。监听器工作,但我仍然遇到执行顺序的问题:(

KategorieBean:

package xxx.bean;

import java.util.List;

import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

import xxx.hibernate.entity.Kategorie;
import xxx.hibernate.dao.KategorieDao;

@ManagedBean(name="kategorieBean")
@SessionScoped
public class KategorieBean{

private Kategorie kategorie;
private KategorieDao kategorieDao;
private List<Kategorie> allKategories;

@PostConstruct
public void init(){
    kategorie = null;
    kategorieDao = new KategorieDao();
    allKategories = kategorieDao.getAllKategories();
}

public List<Kategorie> getAllKategories() {
    return allKategories;
}
public void setAllKategories(List<Kategorie> allKategories) {
    this.allKategories = allKategories;
}

public Kategorie getKategorie() {
    if (kategorie != null)
        System.out.println("getter kategorie: name=" + kategorie.getName());
    else
        System.out.println("getter kategorie: kategorie=null");
    return kategorie;
}
public void setKategorie(Kategorie kategorie) {
    System.out.println("setter kategorie: name=" + kategorie.getName());
    this.kategorie = kategorie;
}
    public void kategorieChangeListener(AjaxBehaviorEvent e) {
        System.out.println("kategoriename: " + kategorie.getName());
    }

KategorieConverter:

package xxx.converter;

import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.convert.Converter;
import javax.faces.convert.FacesConverter;

import xxx.bean.KategorieBean;
import xxx.hibernate.entity.Kategorie;

@FacesConverter(forClass = Kategorie.class)
public class KategorieConverter implements Converter{

    public Object getAsObject(FacesContext context, UIComponent component, String value) {
        System.out.println("Converter: getAsObject");
        KategorieBean kB = (KategorieBean) FacesContext.getCurrentInstance().
                getExternalContext().getSessionMap().get("kategorieBean");
        for (Kategorie k : kB.getAllKategories()){
            if (k.getKategorieId() == Long.valueOf(value))
                return k;
        }
        return null;
    }

    public String getAsString(FacesContext context, UIComponent component, Object value) {
        System.out.println("Converter: getAsString");
        return String.valueOf(((Kategorie) value).getKategorieId());
    }
}

控制台输出(初始):

  • Hibernate:选择this_.kategorie_id为kategori1_1_0_, this_.beschreibung as beschrei2_1_0_,this_.liferay_company_id as liferay3_1_0_,this_.liferay_group_id as liferay4_1_0_,this_.name as 来自usushop_kategorie的name5_1_0_,this_.parent_id为parent6_1_0_ 此_
  • getter kategorie:kategorie = null
  • 转换器:getAsString
  • 转换器:getAsString
  • 转换器:getAsString
  • 转换器:getAsString
  • 转换器:getAsString
  • 转换器:getAsString
  • getter kategorie:kategorie = null

selectOneMenu中的值更改后的控制台输出:

  • 转换器:getAsObject
  • getter kategorie:kategorie = null
  • setter kategorie:name = Kategorie4
  • kategoriename:Kategorie4
  • getter kategorie:name = Kategorie4

1 个答案:

答案 0 :(得分:0)

您可以使用Richface的a4j(ajax4jsf)

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



<h:form>
    <h:selectOneMenu  value="#{kategorieBean.kategorie}">
            <f:selectItem
                            itemLabel="Wählen..."
                            itemValue="#{null}"/>
            <f:selectItems 
                            value="#{kategorieBean.allKategories}"
                            var="k" 
                            itemLabel="#{k.name}"
                            itemValue="#{k}" />     
            <a4j:support event="onchange" action="#{bean.SomeAction}" reRender="result"/>
        </h:selectOneMenu>
<h:panelGroup id="result">
    <h:outputText  value="#{kategorieBean.kategorie.name}" />
</h:panelGroup>
</h:form>