7 Replies Latest reply on Feb 7, 2011 10:15 AM by ilya_shaikovsky

    rich:modalpanel not working properly in Internet Explorer 7

    dhanarajar

      this is the modalpanel which i have used.....Inside this modalpanel iam having some required fields.....

      But without entering those fields if iam clicking on confirm also model panel is closing without  doing any validation..

       

      I think it is simply opening  while calling that modal panel....other than that nothing working in that....

       

      But everything correctly working in mozilla firefox...Can any one  help me out from this problem

       

       

       

       

      <rich:modalPanel id="leftluggageDlg" minHeight="80" minWidth="500" height="80" width="500" zIndex="2000" moveable="true" resizeable="false" autosized="true">

          <f:facet name="header">

                <h:outputText value="Add Left Luggage"/>

             </f:facet>

               <f:facet name="controls">       

      <h:panelGroup>

           <h:form>

                  <h:commandLink action="#{systemUtils.cancel()}" immediate="true">

                      <h:graphicImage value="/images/button_cancel.png" style="cursor:pointer" title="#{messages['button.close']}"/>

                  </h:commandLink>

         </h:form>

          </h:panelGroup>

          </f:facet>           

          <s:validateAll>

             <h:form id="leftluggageform">

                             <a:outputPanel ajaxRendered="true">

                             <div style="display:none;"><h:messages id="error"></h:messages>

                             </div>

                          </a:outputPanel>

              <h:panelGroup id="singlePanel"> 

                  <s:validateAll>

                             <table>

                              <tr>                   

                                  <s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id == 0}" >

                                  <td class="required-field"><h:outputText value="#{messages['list.reference'] }"/></td><td></td>

                                  <td>                                                   

                                      <s:decorate id="referenceid">

                                          <table cellspacing="0" cellpadding="0">

                                              <tr><td>

                                                  <h:inputText id="reference" maxlength="50" value="#{inLeftLuggageSetup.simpleReservationSearchData.referenceNumber}" readonly="true" label="#{messages['list.reference']}" required="true"/>

                                              </td>

                                              <td>

                                               <rich:spacer width="10"/>

                                               <a:commandButton  value="#{messages['button.lookUp'] }" title="#{messages['button.lookUp'] }" action="#{reservationLookup.lookup('sbv_reservation_search', 'singlePanel')}" ajaxSingle="true"  oncomplete="#{rich:component('luggageLookUpDlg')}.show()" reRender="luggageLookUpDlg"/>

                                              </td>

                                              </tr>

                                              <tr><td>

                                                  <s:message errorClass="error"/>

                                              </td></tr>

                                          </table>

                                      </s:decorate>

                                  </td></s:fragment>

                                  <s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id != 0}" >   

       

                                  <td class="required-field"><h:outputText value="Reference No"/></td><td></td>

                                  <td class="norequired-field">

                                          <h:outputText  value="#{inLeftLuggageSetup.simpleReservationSearchData.referenceNumber}" />

                                  </td>   

                                  </s:fragment>

                              </tr>

                              <tr><s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id == 0}" >

                                  <td class="required-field"><h:outputText value="#{messages['list.guestname'] }"/></td><td></td>

                                  <td >

                                          <s:decorate id="guestid">

                                          <table cellspacing="0" cellpadding="0">

                                              <tr><td class="form-field-value-white">

                                                <h:outputText id="guest" value="#{inLeftLuggageSetup.simpleReservationSearchData.mainPassenger.firstName}" label="#{messages['list.guestname'] }" required="true" />

       

                                              </td></tr>

       

                                          </table></s:decorate>

                                  </td></s:fragment>

                                  <s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id gt 0}" >

                                  <td class="required-field"><h:outputText value="#{messages['list.guestname'] }"/></td><td></td>

                                  <td class="norequired-field">

                                          <h:outputText value="#{inLeftLuggageSetup.leftLuggage.guestName}"  />

                                  </td>                   

                                  </s:fragment>

                              </tr>

       

                              <tr><s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id == 0}" >

                                  <td class="required-field"><h:outputText value="#{messages['list.roomno'] }"/></td><td></td>

                                  <td>

                                         <s:decorate id="roomsid">

                                          <table cellspacing="0" cellpadding="0">

                                              <tr>

                                                 <ui:repeat var="room" value="#{inLeftLuggageSetup.getRoomNumber()}">

                                                   <td class="form-field-value-white">                                       

                                                      <h:outputText  id="rooms" label="#{messages['list.roomno'] }" value="#{room.name}" required="true"  />

                                                    </td>

                                              </ui:repeat>

                                              </tr>

       

                                          </table></s:decorate>

                                  </td></s:fragment>

                                   <s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id gt 0}" >

                                      <td class="required-field"><h:outputText value="#{messages['list.roomno'] }"/></td><td></td>

                                        <td class="norequired-field">

                                          <h:outputText  value="#{inLeftLuggageSetup.leftLuggage.roomNo}" />

                                        </td>                   

                                  </s:fragment>

                              </tr>

       

                              <tr><s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id == 0}" >

                                  <td class="required-field"><h:outputText value="#{messages['list.luggageno'] }"/></td><td></td>

                                  <td >                           

                                    <s:decorate id="luggageId">

                                       <table cellspacing="0" cellpadding="0">

                                           <tr><td>

                                             <h:inputText id="luggage"  style="width: 125px;" label="#{messages['list.luggageno'] }" value="#{inLeftLuggageSetup.leftLuggage.luggageNo}"  required="true">

                                             </h:inputText>

                                          </td></tr>

                                            <tr><td>

                                               <s:message errorClass="error"/>

                                             </td></tr>

                                        </table>

                                    </s:decorate>

                                </td></s:fragment>

                                <s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id gt 0}" >

                                      <td class="required-field"><h:outputText value="#{messages['list.luggageno'] }"/></td><td></td>

                                        <td class="norequired-field">

                                          <h:outputText  value="#{inLeftLuggageSetup.leftLuggage.luggageNo}" />

                                        </td>                   

                                  </s:fragment>

                              </tr>

       

                              <tr><s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id == 0}" >

                                  <td class="required-field"><h:outputText value="#{messages['list.noofpiecesleft']}"/></td><td></td>

                                  <td >           

                                    <s:decorate id="leftid">

                                       <table cellspacing="0" cellpadding="0">

                                          <tr><td>

                                          <rich:inputNumberSpinner id="left"  style="width: 125px;" label="#{messages['list.noofpiecesleft'] }" value="#{inLeftLuggageSetup.leftLuggage.noOfPiecesLeft}" required="true" validatorMessage="Value must be One" maxValue="35"  defaultValue="1"/>

       

                                         </td></tr>

                                           <tr><td>

                                             <s:message errorClass="error"/>

                                            </td></tr>

                                         </table>

                                        </s:decorate>                             

                                  </td></s:fragment>

                                  <s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id gt 0}" >

                                      <td class="required-field"><h:outputText value="#{messages['list.noofpiecesleft'] }"/></td><td></td>

                                        <td class="norequired-field">

                                          <h:outputText  value="#{inLeftLuggageSetup.leftLuggage.noOfPiecesLeft}" />

                                        </td>                   

                                  </s:fragment>               

                              </tr>

                              <s:fragment rendered="#{inLeftLuggageSetup.leftLuggage.id gt 0}">

                              <tr>

                                  <td class="required-field"><h:outputText value="#{messages['list.noofpiecespicked'] }"/></td><td></td>

                                   <td >                           

                                    <s:decorate id="pickedId">

                                       <table cellspacing="0" cellpadding="0">

                                           <tr><td>

                                           <rich:inputNumberSpinner id="picked"  style="width: 125px;" label="#{messages['list.noofpiecespicked'] }" value="#{inLeftLuggageSetup.leftLuggage.noOfPiecesPicked}" required="true" validatorMessage="Value must be One" maxValue="35"  defaultValue="0"/>                 

                                          </td></tr>

                                            <tr><td>

                                              <s:message errorClass="error"/>

                                             </td></tr>

                                         </table>

                                     </s:decorate>

                                  </td>               

                              </tr>

                              </s:fragment>

                              <tr>

                                     <td class="norequired-field"><h:outputText value="#{messages['list.complaintinfo']}"/></td><td></td>

                                        <td >                       

                                           <s:decorate id="complaintId">

                                           <table cellspacing="0" cellpadding="0">

                                              <tr><td>                     

                                              <table cellspacing="0" cellpadding="0">

                                                     <tr><td>

                                                      <h:inputTextarea id="complaint" value="#{inLeftLuggageSetup.leftLuggage.complaintInfo}"    >

                                                      <f:validateLength maximum="250"/></h:inputTextarea>

                                                    </td></tr>

                                                    <tr><td>

                                                    <s:message errorClass="error"/>

                                                     </td></tr>

                                                 </table>                             

                                              </td></tr>

                                           </table>   

                                           </s:decorate>                   

                                       </td>               

                              </tr>

                              <tr>

                                  <td class="norequired-field"><h:outputText value="#{messages['list.additionalinfo']}"/></td><td></td>

                                  <td >   

                                   <s:decorate id="additionalId">                   

                                  <table cellspacing="0" cellpadding="0">

                                      <tr><td>

       

                                       <table cellspacing="0" cellpadding="0">

                                         <tr><td>

                                       <h:inputTextarea id="Additional" value="#{inLeftLuggageSetup.leftLuggage.additionalInfo}" >

                                         <f:validateLength maximum="250"/><s:validate/></h:inputTextarea></td></tr>

                                        <tr><td>

                                        <s:message errorClass="error"/>

                                         </td></tr>

                                         </table>

       

                                      </td></tr>   

                                  </table></s:decorate>

                                  </td>

       

                              </tr>

       

                              </table>

                              </s:validateAll>

       

       

          </h:panelGroup>

             <h:panelGroup>

                      <a:commandButton value="#{messages['button.save']}" title="#{messages['button.save']}" action="#{inLeftLuggageSetup.confirmLuggage() }"  oncomplete="CloseLeftLuggageDlg();" reRender="noRecords,singlePanel,leftluggagelist,AddButton" />

                      <h:commandButton immediate="true" value="#{messages['button.cancel'] }" title="#{messages['button.cancel'] }"  oncomplete="#{rich:component('leftluggageDlg')}.hide()" />

       

       

                  </h:panelGroup>

             </h:form></s:validateAll>

          </rich:modalPanel>