Question

I have a custom component location. I want that, when a change is done, the model is update so another component (an autocomplete) is to show only results related to the location value. Also, that component is rerendered to reset it.

I have a page with the following code (simplified):

<h:form id="ticketForm">
  ...
  <loc:location id="locationId"                         <-- CUSTOM COMPONENT
    hiddenFieldValue="#{ticketCtrl.ticket.location}"
    visibleFieldValue="#{ticketCtrl.ticket.locationDescription}"
    rendered="#{ticketCtrl.ticketModifiable}">

    <f:ajax event="changeLocation" render=":ticketForm:gfhId"       <-- AJAX CALL.
      execute=":ticketForm:locationId" listener="#{ticketCtrl.locationListener}"/>
  </loc:location>
  ...
</h:form>

When the value in the component is changed, the model is updated and :ticketForm:gfhId is rendered as needed, but the listener(which performs additional resets) is not executed.

Attaching the ajax to a simpler control results in the listener being executed; v.g.

<h:inputText id="contactId"
  value="#{ticketCtrl.ticket.contactPerson}"
  disabled="#{not ticketCtrl.ticketModifiable}">
  <f:ajax event="change" render=":ticketForm:gfhId"
    execute=":ticketForm:locationId" listener="#{ticketCtrl.locationListener}"/>
</h:inputText>

works perfectly.

I do not know if it may be related as how the changeLocation event is fired; inside my component I define it as

<composite:interface>
   ...
   <composite:clientBehavior name="changeLocation" event="change" targets="visibleId"/>
</composite:interface>

with visibleId being a readonly text; when it is changed by javascript I fire the change event on it with JS.

function launchEvent(fieldName) {
  if ("fireEvent" in fieldName) {
    fieldName.fireEvent("onchange");
  } else {
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("change", false, true);
    fieldName.dispatchEvent(evt);
  }
}

The info I find in other questions is about making ajax an inner part of the composite component, here I want ajax detached because I probably won’t need it in other uses of the component.

I am using JBoss 6.1 wih Mojarra 2.1.9 and Richfaces 4.

Thanks in advance.

UPDATE:

Even after finding jarek.jpa’s answer right, if someone wants to check the code it is here:

The composite component
http://pastebin.com/9wqMVfR5

The main form
http://pastebin.com/i39ys2D9

Answer 1

This may have to do with the “readonly” attribute set to true. Though you manage to send the change-event by hand (JS), the server-side processing of the listener may be dropped due to the readonly state. See e.g. jsf (richfaces) readonly input text validation.