Qfyilyi

I'm using dojo widgets in a JSF 2.2 application with the lazy code injection described here (approach 3):
https://www.ibm.com/developerworks/library/wa-aj-jsfdojo/index.html

It looks like this:

<h:panelGroup id="content">

<table>

<tr>

 <td jsf2dojo='true'>

      <h:selectOneMenu id="projectOption" value="#{bean.location}">

      <f:selectItem id="select1" itemValue="Shanghai" itemLabel="Shanghai"/>

      <f:selectItem id="select2" itemValue="London" itemLabel="London"/>

      <f:selectItem id="select3" itemValue="New York" itemLabel="New York"/>

      <f:ajax render="content" />

      </h:selectOneMenu>

 </td>

</tr>

...

</table>

</h:panelGroup>

For a select the dojo widget dijit.form.FilteringSelect is used.

My problem: The ajax onchange event of the dojo widget works in Google Chrome fine, in Firefox not. Without the dojo widget, the ajax request of the select works fine.

1. What's the problem with Firefox?


2. Is there another possibility using dojo widgets with JSF elements except from this IBM approach?


3. After the ajax request was executed in Chrome, the "content" part doesn't contain a dojo widget anymore. How can I solve this? With dojo.addOnLoad(init); all dojo widget disappears (style="display: none").

Thank you!