3 Replies Latest reply on Oct 29, 2010 1:18 PM by Agustin Sivoplás Ferrari

    rich:fileUpload inside rich:modalPanel

    Agustin Sivoplás Ferrari Expert

      The problem ocurrs in IE (in Chrome and Mozilla woks fine), i don't have idea what happen. Anyone give me a hand?

       

      file upload.png

       

      the code

       

       

               <rich:modalPanel id="modifyCIPanel" height="570" width="700"> 
                   <f:facet name="header">
                       <h:outputText value="#{msg.cmdbCILabel}"/>
                   </f:facet>
                   <f:facet name="controls">
                       <h:panelGroup>
                           <h:graphicImage value="/images/close.png" style="cursor:pointer" id="hidelinkCIPanel"/>
                           <rich:componentControl for="modifyCIPanel" attachTo="hidelinkCIPanel" operation="hide" event="onclick"/>
                       </h:panelGroup>
                   </f:facet>
                   <h:form id="updateCiForm">
                        <rich:panel bodyClass="cmdbTableTickets">
                             <h:panelGrid columns="3" border="1">
                                    <c:forEach items="#{cmdbBean.listaAtributos}" var="dato">
                                         <rich:column>
                                              <h:outputText value="*" rendered="#{dato.requerido}"  class="align: left;"/>
                                              <h:outputText value="" rendered="#{!dato.requerido}" class="align: left;"/>
                                         </rich:column>
                                         <rich:column>
                                              <h:outputText value="#{dato.nombreAtributo}" styleClass="anchoLabels"/>
                                         </rich:column>
                                         <rich:column>
                                              <c:if test="#{dato.tipoAtributo.text}">
                                                   <h:inputText id="#{dato.idControl}" value="#{dato.valorAtributoString}" readonly="#{!dato.esEditable}" styleClass="anchoCombos">
                                                   </h:inputText>
                                              </c:if>
                                              <c:if test="#{dato.tipoAtributo.select}">
                                                   <h:selectOneMenu id="#{dato.idControl}" value="#{dato.valAttLista}" 
                                                        styleClass="anchoCombos">
                                                        <f:selectItem  itemLabel="" itemValue="-1"/>
                                                        <f:selectItems value="#{dato.valorAtributoLista}" />
                                                   </h:selectOneMenu>
                                              </c:if>
                                              <c:if test="#{dato.tipoAtributo.checkbox}">
                                                   <h:selectBooleanCheckbox id="#{dato.idControl}" value="#{dato.selectBooleanCheckbox}" styleClass="anchoCombos">
                                                   </h:selectBooleanCheckbox>
                                              </c:if>
                                              
                                              <c:if test="#{dato.tipoAtributo.textArea}">
                                                   <h:inputTextarea id="#{dato.idControl}" value="#{dato.valorAtributoString}" styleClass="anchoCombos">
                                                   </h:inputTextarea>
                                              </c:if>
                                              <c:if test="#{dato.tipoAtributo.calendar}">
                                                   <rich:calendar id="#{dato.idControl}" value="#{dato.valorAtributoFecha}" inputClass="anchoCombos">
                                                   </rich:calendar>                                   
                                              </c:if>
                                              <c:if test="#{dato.tipoAtributo.BLOB}">
                                                   <rich:fileUpload id="#{dato.idControl}" fileUploadListener="#{cmdbBean.upload}" addControlLabel="#{msg.addLabel}" 
                                                        clearAllControlLabel="#{msg.cleanAllLabel}" clearControlLabel="#{msg.cleanLabel}" immediateUpload="true" listHeight="65px" listWidth="400px" uploadControlLabel="#{msg.uploadLabel}" stopControlLabel="#{msg.stopLabel}"
                                                        maxFilesQuantity="1">
                                                        <f:facet name="label">
                                                             <h:outputText value="{_KB}KB from {KB}KB uploaded --- {mm}:{ss}" />
                                                      </f:facet>
                                                   </rich:fileUpload>
                                                   <h:commandLink action="#{dato.descargarAdjunto}" value="#{dato.valAttBLOB}"/>
                                              </c:if>
                                         </rich:column>
                                    </c:forEach>
                               </h:panelGrid>
                          </rich:panel>
                          <table width="100%">
                                <tbody>
                                    <tr>
                                    <td align="center" width="50%">
                                           <h:commandLink value="#{msg.updateDominioBtn}" styleClass="ButtonYellowSmall78" onmouseover="this.style.color='#0000CC';" onmouseout="this.style.color='black';" action="#{cmdbBean.update}">
                                              </h:commandLink>
                                           </td>
                              </tr>
                          </tbody>
                        </table>
                     </h:form>
               </rich:modalPanel> 
      

       

       

       

      Thanks in advanced!

       

      Regards

         <rich:modalPanel id="modifyCIPanel" height="570" width="700">
             <f:facet name="header">
                 <h:outputText value="#{msg.cmdbCILabel}"/>
             </f:facet>
             <f:facet name="controls">
                 <h:panelGroup>
                     <h:graphicImage value="/images/close.png" style="cursor:pointer" id="hidelinkCIPanel"/>
                     <rich:componentControl for="modifyCIPanel" attachTo="hidelinkCIPanel" operation="hide" event="onclick"/>
                 </h:panelGroup>
             </f:facet>
             <h:form id="updateCiForm">
                  <rich:panel bodyClass="cmdbTableTickets">
             <h:panelGrid columns="3" border="1">
      <c:forEach items="#{cmdbBean.listaAtributos}" var="dato">
      <rich:column>
      <h:outputText value="*" rendered="#{dato.requerido}"  class="align: left;"/>
      <h:outputText value="" rendered="#{!dato.requerido}" class="align: left;"/>
      </rich:column>
      <rich:column>
      <h:outputText value="#{dato.nombreAtributo}" styleClass="anchoLabels"/>
      </rich:column>
      <rich:column>
      <c:if test="#{dato.tipoAtributo.text}">
      <h:inputText id="#{dato.idControl}" value="#{dato.valorAtributoString}" readonly="#{!dato.esEditable}" styleClass="anchoCombos">
      </h:inputText>
      </c:if>
      <c:if test="#{dato.tipoAtributo.select}">
      <h:selectOneMenu id="#{dato.idControl}" value="#{dato.valAttLista}"
      styleClass="anchoCombos">
      <f:selectItem  itemLabel="" itemValue="-1"/>
      <f:selectItems value="#{dato.valorAtributoLista}" />
      </h:selectOneMenu>
      </c:if>
      <c:if test="#{dato.tipoAtributo.checkbox}">
      <h:selectBooleanCheckbox id="#{dato.idControl}" value="#{dato.selectBooleanCheckbox}" styleClass="anchoCombos">
      </h:selectBooleanCheckbox>
      </c:if>
      <c:if test="#{dato.tipoAtributo.textArea}">
      <h:inputTextarea id="#{dato.idControl}" value="#{dato.valorAtributoString}" styleClass="anchoCombos">
      </h:inputTextarea>
      </c:if>
      <c:if test="#{dato.tipoAtributo.calendar}">
      <rich:calendar id="#{dato.idControl}" value="#{dato.valorAtributoFecha}" inputClass="anchoCombos">
      </rich:calendar>
      </c:if>
      <c:if test="#{dato.tipoAtributo.BLOB}">
      <rich:fileUpload id="#{dato.idControl}" fileUploadListener="#{cmdbBean.upload}" addControlLabel="#{msg.addLabel}"
      clearAllControlLabel="#{msg.cleanAllLabel}" clearControlLabel="#{msg.cleanLabel}" immediateUpload="true" listHeight="65px" listWidth="400px" uploadControlLabel="#{msg.uploadLabel}" stopControlLabel="#{msg.stopLabel}"
      maxFilesQuantity="1">
      <f:facet name="label">
      <h:outputText value="{_KB}KB from {KB}KB uploaded --- {mm}:{ss}" />
                                      </f:facet>
      </rich:fileUpload>
      <h:commandLink action="#{dato.descargarAdjunto}" value="#{dato.valAttBLOB}"/>
      </c:if>
      </rich:column>
      </c:forEach>
      </h:panelGrid>
      </rich:panel>
      <table width="100%">
                     <tbody>
                              <tr>
                         <td align="center" width="50%">
                                <h:commandLink value="#{msg.updateDominioBtn}" styleClass="ButtonYellowSmall78" onmouseover="this.style.color='#0000CC';" onmouseout="this.style.color='black';" action="#{cmdbBean.update}">
      </h:commandLink>
                                </td>
                        </tr>
                    </tbody>
             </table>
      </h:form>
         </rich:modalPanel>