5 Replies Latest reply on Jul 10, 2012 3:33 AM by ze_art

<rich:select> - which ajax event to listen on for a value change?

ze_art Jul 5, 2012 12:07 PM

I'm trying to implement a rich:select box which automatically performs an ajax call if its value if the selection changes.

<rich:select id="rowsPerPage" value="#{listCtrl.rowsPerPage}">

<f:selectItems value="#{listCtrl.rowsPerPageSelection}" var="item" itemValue="#{item.key}" itemLabel="#{item.value}" />

<f:ajax event="change" execute="@this" render="@form" />

</rich:select>

However, the change event does not fire after i select a new value from the list, it only fires after i click somewhere else on the page, so presumably after the select-box loses focus.

I tried to force the box to lose focus by adding onlisthide="this.blur()" but that does not seem to do anything either.

All the other events i found that would be suitable (listhide, selectitem) will fire even if the user repeatedly selects the value that has already been selected.

Which event should i listen on to get notified on a value change?

1. Re: <rich:select> - which ajax event to listen on for a value change?

healeyb Jul 5, 2012 9:50 PM (in response to ze_art)

I don't actually use this component so out of thin air I'd suggest a) using the default, don't specify event=. b) try
event="valueChange" which is normally the default for UIInput components (and not change, confusingly). So
both suggestions ought to be the same, but that depends on rich:select.

Regards,
Brendan.
Actions
2. Re: <rich:select> - which ajax event to listen on for a value change?

ze_art Jul 6, 2012 4:06 AM (in response to healeyb)

Thanks Brandon, i just tried your suggestion, to no avail though.

Not specifying an event at all shows the same behaviour as specifiying "change", so i assume that is the default event for <rich:select>.

Using "valueChange" does not work:

<f:ajax> 'valueChange' is not a supported event for UISelect. Please specify one of these supported event names: blur, change, click, dblclick, focus, keydown, keypress, keyup, listclick, listdblclick, listhide, listkeydown, listkeypress, listkeyup, listmousedown, listmousemove, listmouseout, listmouseover, listmouseup, listshow, mousedown, mousemove, mouseout, mouseover, mouseup, selectitem.

Update: you reckon i should file a bug report?

Regards
art
Actions
3. Re: <rich:select> - which ajax event to listen on for a value change?

javiervargas Jul 9, 2012 4:55 PM (in response to ze_art)

Use the "selectitem" event <a4j:ajax event="selectitem".
Actions
4. Re: <rich:select> - which ajax event to listen on for a value change?

ealonso04 Jul 9, 2012 5:05 PM (in response to ze_art)

Hi!

Javier is right! Use that one!
Actions
5. Re: <rich:select> - which ajax event to listen on for a value change?

ze_art Jul 10, 2012 3:33 AM (in response to ealonso04)

Thats what i'm doing at the moment. However, like i stated above, the downside is that the event also triggers when the user repeatedly selects the same value he had already selected.

In my case that is acceptable, the performance penalty is negligible, i just wasnt sure if i'm missing something (another event i could listen on for example).

Anyway, thanks for your answers!
Actions

Go to original post