6 Replies Latest reply on Oct 14, 2008 5:15 AM by Ilya Shaikovsky

    ListShuttle in ModalPanel

    Christian Douven Newbie

      Hi!

      I have placed a listShuttle in a modalPanel. when the modalPanel is shown,
      the listShuttle is correctly initialized. At least both lists are filled with the desired data.
      But there cant be any item of either list be selected. Just 'remove all' and 'add all' are clickable, but nothing happens.
      Additionally, both lists(I use rich:column) have a strange layout. The headers do not have the same width as the cell, containing the related data.

      When I put the same listshuttle on a plain page, everything works fine.

      Here is the code of the modalPanel:

      ......
       <rich:modalPanel id="mpFeiertage" minWidth="500" minHeight="400">
       <f:facet name="header">
       <a4j:outputPanel ajaxRendered="true">
       <h:outputText value="#{regionenEditor.editPanelTitle}" />
       </a4j:outputPanel>
       </f:facet>
       <a4j:region>
       <a4j:outputPanel id="opFeiertage" ajaxRendered="false">
       <a4j:form ajaxSubmit="true">
       <rich:listShuttle id="feiertageListShuttle" var="feiertag"
       rendered="#{not empty regionenEditor.activeRegion}" height="400"
       sourceValue="#{regionenEditor.selectableFeiertage}"
       targetValue="#{regionenEditor.regionFeiertage}"
       orderControlsVisible="false" fastOrderControlsVisible="false"
       converter="zamsEntityConverter">
       <f:facet name="sourceCaption">
       <h:outputText value="verfuegbare Feiertage" />
       </f:facet>
       <f:facet name="targetCaption">
       <h:outputText value="zugewiesene Feiertage" />
       </f:facet>
       <rich:column>
       <f:facet name="header">
       <h:outputText value="Feiertag" />
       </f:facet>
       <h:outputText value="#{feiertag.bezeichnung}" />
       </rich:column>
       <rich:column>
       <f:facet name="header">
       <h:outputText value="echt" />
       </f:facet>
       <h:selectBooleanCheckbox value="#{feiertag.echterFeiertag}"
       disabled="true" />
       </rich:column>
       </rich:listShuttle>
       <p />
       <rich:spacer height="10"></rich:spacer>
       <a4j:commandButton
       action="#{regionenEditor.commitFeiertageAction()}"
       value="speichern"
       onclick="Richfaces.hideModalPanel('mpFeiertage')" />
       <a4j:commandButton
       action="#{regionenEditor.cancelFeiertageAction()}"
       value="abbrechen" immediate="true"
       onclick="Richfaces.hideModalPanel('mpFeiertage')" />
      
       </a4j:form>
       </a4j:outputPanel>
       </a4j:region>
       </rich:modalPanel>
       </ui:define>
      </ui:composition>