JSF events not propagating from composite component with backing component

Question

all

I've been working on a composite component for a date range. Essentially, my composite component uses two Richfaces 4.3 calendar components underneath to capture the individual date values, generate a date range (a pair of LocalDate objects). I found this blog entry which was the basis for my custom component that combines the two submitted values on the calendar into one pair value.

Everything seems to work fine and the values are getting updated. However, I'm trying to figure out how to propagate the change event to the using xhtml page for a partial render of another component, and I've been unsuccessful. I've tried everything I could think of, but I think I'm missing something.

The page:


    Calendar Date Range Component
    

    NOT WORKING

My test managed bean:

@ViewScoped
@ManagedBean
public class CalendarDateRangeTestBean extends AbstractCalendarDateRangeDataModel implements
        ValueChangeListener, Serializable {

   private static Logger logger = LoggerFactory.getLogger(CalendarDateRangeTestBean.class);

   private Pair dateRange = Pair.of(LocalDate.now(), LocalDate.now().plusDays(7));

   private UIComponent component1;

   public UIComponent getComponent1() {
       return component1;
   }

   public LocalDateRange getDateRange() {
       return dateRange;
   }

   public void processBehaviorEvent(final javax.faces.event.AjaxBehaviorEvent event) {

       logger.info("processing event " + event + ": " + event.getBehavior());

       final FacesContext context = FacesContext.getCurrentInstance();
       logger.info("Setting render to " + component1.getClientId(context));

       // This seems to cause a rerender of the first component
       context.getPartialViewContext().getRenderIds().add(component1.getClientId(context));

   }

   @Override
   public void processValueChange(final ValueChangeEvent event) throws AbortProcessingException {
       logger.info(this.toString() + ": processing value change event " + event + ": ["
            + event.getOldValue() + ":" + event.getNewValue() + "]");
   }

   public void setComponent1(final UIComponent component1) {
       this.component1 = component1;
   }

   public void setDateRange(final Pair dateRange) {
       logger.info("Setting date range to " + dateRange);
       this.dateRange = dateRange;
   }

}

My composite component:

My backing component:

@FacesComponent("com.yieldex.platform.ui.CalendarDateRange")
public class YXCalendarDateRange extends UIInput implements NamingContainer {

    private UICalendar startCalendarComponent;
    private UICalendar endCalendarComponent;

    @Override
    public void encodeBegin(final FacesContext context) throws IOException {

        final Pair value = (Pair) this.getValue();
        if (value == null) {
            startCalendarComponent.setValue(null);
            endCalendarComponent.setValue(null);
        } else {
            startCalendarComponent.setValue(value.getStart());
            endCalendarComponent.setValue(value.getEnd());
        }

        super.encodeBegin(context);
    }

    @Override
    protected Object getConvertedValue(final FacesContext context, final Object submittedValue) {

        final LocalDate startDate = (LocalDate) startCalendarComponent.getConverter().getAsObject(context,
                startCalendarComponent, (String) this.startCalendarComponent.getSubmittedValue());

        final LocalDate endDate = (LocalDate) endCalendarComponent.getConverter().getAsObject(context,
                endCalendarComponent, (String) this.endCalendarComponent.getSubmittedValue());

       if (startDate == null || endDate == null) {
            return null;
       } else {

            if (startDate.isAfter(endDate)) {
                final FacesMessage message = new FacesMessage();
                message.setSeverity(FacesMessage.SEVERITY_ERROR);
                message.setSummary("start date cannot be after end date");
                message.setDetail("start date cannot be after end date");
                throw new ConverterException(message);
            }

            return Pair.of(startDate, endDate);
        }
    }

    public UICalendar getEndCalendar() {
        return this.endCalendarComponent;
    }

    @Override
    public String getFamily() {
        return UINamingContainer.COMPONENT_FAMILY;
    }

    public UICalendar getStartCalendar() {
        return this.startCalendarComponent;
    }

    @Override
    public Object getSubmittedValue() {
       return this;
    }

    public void setEndCalendar(final UICalendar endCalendarComponent) {
        this.endCalendarComponent = endCalendarComponent;
    }

    public void setStartCalendar(final UICalendar startCalendarComponent) {
        this.startCalendarComponent = startCalendarComponent;
    }
}

What I see is that the valueChangedEvent is coming though. I also see my processBehaviorEvent being called, and the first outputText being rerendered as I'm calling that programmatically. But the second one doesn't seem to get rerendered. I am trying to figure out if this is a bug in Mojarra 2.1.25 or is there something fundamentally wrong with my approach. Any suggestions would be greatly appreciated.

JSF events not propagating from composite component with backing component

Answers (1)

See also:

Related Questions