JSF graphicImage onclick问题

时间:2011-09-07 09:59:19

标签: java ajax jsf-2

您知道点击并获得所需语言的国际化标记的网站。这是我想用JSF标签实现的任务。

编辑:当我按语言图标时没有任何反应。

这是我的xhtml。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

<f:view locale="#{lang.locale}">
<h:head>

    <h:outputStylesheet name="style.css" library="css"/>
</h:head> 
<h:body>
<div id="flags">
    <!-- NOT WORKING !!! -->
    <h:graphicImage name="#{lng.flag}" library="images" styleClass="flag">
        <f:ajax event="click" execute="#{lang.swapLocale()}"/>
    </h:graphicImage>
</div>

这是语言课程。正如您将看到的是一个简单的类,它在两种语言之间交换(保加利亚语和英语)。

import java.io.Serializable;
import java.util.Locale;

import javax.faces.context.FacesContext;
import javax.faces.event.ActionEvent;

public class Language implements Serializable{
    private static final long serialVersionUID = -5964917570659286475L;

    private boolean isBulgarian = true;
    private final Locale BG = new Locale("bg");
private final Locale EN = Locale.ENGLISH;


public Locale getLocale() {
    if(isBulgarian) {
        return BG;
    } else {
        return EN;
    }
}

public void swapLocale() {
    System.out.println("SWAP LOCALE");
    switchLocale();
}

private void switchLocale() {
    isBulgarian = !isBulgarian;
    Locale newLocale;
    if (isBulgarian) {
        newLocale = BG;
    } else {
        newLocale = EN; 
    }
    FacesContext.getCurrentInstance().getViewRoot().setLocale(newLocale);

}

}

这是faces-config.xml和web.xml

faces-config:

<?xml version="1.0" encoding="UTF-8"?>
<faces-config version="2.0" xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xi="http://www.w3.org/2001/XInclude"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd">

 <managed-bean>
  <managed-bean-name>lang</managed-bean-name>
  <managed-bean-class>jsfDP.language.Language</managed-bean-class>
  <managed-bean-scope>session</managed-bean-scope>
 </managed-bean>

 <application>
    <resource-bundle>
        <base-name>language</base-name>
        <var>lng</var>
    </resource-bundle>
 </application>

</faces-config>

的web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>DesignPatternsWithJSF</display-name>
  <welcome-file-list>
    <welcome-file>index.xhtml</welcome-file>
  </welcome-file-list>
  <servlet>
    <servlet-name>Faces Servlet</servlet-name>
    <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>Faces Servlet</servlet-name>
    <url-pattern>*.faces</url-pattern>
  </servlet-mapping>
</web-app>

1 个答案:

答案 0 :(得分:1)

不知道你的确切问题是什么,只是一个猜测:

您正在使用AJAX切换语言,但我没有看到视图被重新渲染。在这种情况下,可能会发生切换,但如果视图未更新,您将看不到它。

假设整个页面都需要更新,我建议使用执行交换的commandButton包装图像,不使用AJAX(这里不需要)。