4 Replies Latest reply on Jun 10, 2009 3:40 PM by Mehdi BRAHMIA

    List Shuttle inside a ModalPanel

    Mehdi BRAHMIA Newbie

      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 !