List Shuttle inside a ModalPanel

[mehdibr]

Hello,

I have a problem integrating a listshuttle inside a modal panel : the source and target list are not updated when I submit to the server.

Here is the code of the listShuttle :

<h:panelGrid columns="1" columnClasses="cols" width="100%">

 <rich:listShuttle id="listShuttle"
 sourceValue="#{Flight.availableParameters}"
 targetValue="#{Flight.displayedParameters}" var="item"
 listsHeight="200" sourceCaptionLabel="Available Items"
 targetCaptionLabel="Currently Active Items">

 <rich:column>
 <h:outputText value="#{item}" />
 </rich:column>

 </rich:listShuttle>

 <script>
 //<![CDATA[
 function startProgress(){
 document.getElementById('flightForm:button').disabled=true;
 $('flightForm:progressBar').component.enable();
 $('flightForm:progressBar').component.setValue(100);
 $('flightForm:progressBar').component.setLabel('Processing, please wait...');
 }
 //]]>
 </script>

 <rich:progressBar mode="client" id="progressBar" label="label">
 <f:facet name="complete">
 <h:outputText value="Process done" />
 </f:facet>
 </rich:progressBar>

 <a4j:commandButton id="button" value="Start"
 action="#{Flight.reloadParameters}" onclick="startProgress();" />

 </h:panelGrid>

Note that the same code inside a common JSF page works perfectly.

I would really appreciate if someone have a solution or a workaround.

Thanks a lot !

[nbelaevski]

Hi,

Do you have form inside rich:modalPanel?

[mehdibr]

Not inside but on outside covering all the body.

I have other component that need to be submitted.

Do you think it is a problem ?

Can I nest a form into an another one ?

[nbelaevski]

Yes, this could be the problem. Try adding form inside modal panel. Forms mustn't be nested.

[mehdibr]

That was it ! Thanks a lot