JSF渲染不起作用

Question

The following code does not rerender the form:

xhtml:

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    template="/WEB-INF/templates/default.xhtml">
    <ui:define name="content">
        <h:form id="form">
            <rich:panel header="My Header">
                <h2>
                    <h:outputLabel value="#{tournamentBean.mode}" />
                </h2>
                <a4j:commandButton value="Toggle"
                    action="#{tournamentBean.toggleMode()}" render="form" />
            </rich:panel>
        </h:form>
    </ui:define>
</ui:composition>

bean:

import java.io.Serializable;
import javax.faces.view.ViewScoped;
import javax.inject.Named;

@SuppressWarnings("serial")
@Named("tournamentBean")
@ViewScoped
public class TournamentBean implements Serializable {

  private String mode = "A";

  public String getMode() {
    return mode;
  }

  public void toggleMode() {
    if (this.mode.equals("A"))
      this.mode = "B";
    else
      this.mode = "A";
  }
}

I am using Wildfly 8.0 and therefore JSF 2.2. The method toggleMode is called on every click on the button. In IE 11 it never rerenders the form. In Chrome it works twice but not more times.

What am I missing?

Answer 1

@Named is CDI annotation, @ViewScoped is from JSF. So you have both CDI and JSF trying to manage the bean, so of course this wont work and the result bean scope can be singleton, if its going to work at all.

Replace @ViewScoped with for example @javax.enterprise.context.RequestScoped and try running the code. If you need to use view scope, look around for CDI implementation or conversationscope . It can be done somehow even though CDI doesnt directly support viewscope .

Or migrate to JSF and its @ManagedBeans , but those are sheduled to be depracated.