Question

我想通过下拉列表更改日历的月份。

以下是该视图的副本：

这是html代码：

<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" 
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">

<h:head>
</h:head>

<h:body>
    <h:form id="TEST">
        <rich:select id="MOIS"
             value="#{essai.mois}"
             valueChangeListener="#{essai.onMois}"
             onclick="document.getElementById('JOUR').showSelectedDate();"
             disabled="false" >
            <f:selectItem itemValue="0" itemLabel="Janvier" />
            <f:selectItem itemValue="1" itemLabel="Février" />
            <f:selectItem itemValue="2" itemLabel="Mars" />
            <f:selectItem itemValue="3" itemLabel="Avril" />
            <f:selectItem itemValue="4" itemLabel="Mai" />
            <f:selectItem itemValue="5" itemLabel="Juin" />
            <f:selectItem itemValue="6" itemLabel="Juillet" />
            <f:selectItem itemValue="7" itemLabel="Août" />
            <f:selectItem itemValue="8" itemLabel="Septembre" />
            <f:selectItem itemValue="9" itemLabel="Octobre" />
            <f:selectItem itemValue="10" itemLabel="Novembre" />
            <f:selectItem itemValue="11" itemLabel="Décembre" />
            <a4j:ajax event="selectitem" render="TEST" />
        </rich:select>
        <br/>
        <rich:calendar
            id="JOUR"
            popup="false"  
            showHeader="false"    
            showFooter="true"
            datePattern="ddMMyyyy"     
            value="#{essai.jour}"
            valuechangelistener="#{essai.onJour}"
            disabled="false">
            <a4j:ajax event="change" render="TEST"/>
        </rich:calendar>
    </h:form>
</h:body>
</html>

这是bean代码：

import org.richfaces.demo.calendar.TDate;

@ManagedBean(name = "essai", eager = true)
@SessionScoped
public class EssaiBean implements Serializable {

private static final long serialVersionUID = 1L;

private static final Logger logger = Logger.getLogger(TDate.class.getName());

/** Numéro du jour de la date 1 à 31 ou -1 */
private int             jour;

/** Numéro du mois de la date 0 à 11 ou -1 */
private int             mois;

private Integer         isMonthChanged;


/*********************************************************************************************/
/**                                    getteurs / setteurs                                  **/
/*********************************************************************************************/

public Date getJour() {
    Date date = (new GregorianCalendar(2016, (mois == -1) ? 0 : mois, (jour == -1) ? 1 : jour)).getTime();
    logger.debug("getJour : " + date);
    return(date);
}

public void setJour(Date date) {
    logger.debug("setJour : " + date);
    GregorianCalendar gcDate = new GregorianCalendar();
    gcDate.setTime(date);
    this.jour  = gcDate.get(GregorianCalendar.DAY_OF_MONTH);
    this.mois  = gcDate.get(GregorianCalendar.MONTH);
    isMonthChanged = 0;     
}

public int getMois() {
    logger.debug("getMois : " + mois);
    return mois;
}

public void setMois(int mois) {
    logger.debug("setMois : " + mois);
    this.mois = mois;
    isMonthChanged = 1;     
}

public Integer getMajMois() {
    logger.debug("isMonthChanged : " + isMonthChanged);
    Boolean b = isMonthChanged == 1;
    ;
    return isMonthChanged;
}
/*********************************************************************************************/
/**                                 Gestion des événements                                  **/
/*********************************************************************************************/

public void onJour(ValueChangeEvent event) {
    logger.debug("onJour : " + event.getOldValue() + " => " + event.getNewValue() + " (" + event.getNewValue().getClass().getName() + ")");
}

public void onMois(ValueChangeEvent event) {
    logger.debug("onMois : " + event.getNewValue() + " (" + event.getNewValue().getClass().getName() + ")");
}

/*********************************************************************************************/
/**                                      Autres fonctions                                   **/
/*********************************************************************************************/

/**
 * Cette fonction initialise la date avec la date par défaut '1 JAN 2000'.
 * @param gedcom : date gedcom liée à cette date élémentaire.
 */
public EssaiBean() {
    logger.debug("EssaiBean");
    jour = 1;
    mois = 0;
    isMonthChanged = 0;     
}

}

我的问题是，当我使用下拉列表选择un月份时，日历的月份并不总是更新。如果我在显示表单后立即选择月份，则会更新日历月份。如果我在日历中首先选择一天，并且在我使用下拉列表选择月份后，日历月份不会更新：

我不明白为什么。

我使用的是Richfaces 4.5.18和wildfly-10.0.0.Final

Answer 1

（我不知道您正在使用的RF版本，但它不是4.5.18）

你的问题在这里：

onclick="document.getElementById('JOUR').showSelectedDate();"

首先点击选择（即在您选择一个月之前），然后无论如何都会重新呈现表单，就会发生onclick。

其次，您无法对DOM元素执行组件方法，请使用RichFaces.component('TEST:JOUR')或#{rich:component('JOUR')}。（也没有id =＆＃34; JOUR＆＃34;）

的元素

在重新呈现表单后需要发生showSelectedDate()方法，因为有oncomplete属性：

<a4j:ajax event="selectitem" render="TEST" 
          oncomplete="#{rich:component('JOUR')}.showSelectedDate();" />

为什么在更新月份时我的日历未正确呈现？

1 个答案: