Utilizar el botón externo para rich: archivoUpload

Estoy usando el componente rich: fileUpload para cargar archivos en mi servidor, el problema es que esos archivos van junto con un formulario que el usuario rellena, entonces quiero usar un botón externo para hacer esta.Utilizar el botón externo para rich: archivoUpload

El usuario selecciona los archivos para cargar, rellene el formulario y luego haga clic en el botón "Enviar" en la parte inferior de la página. Esto carga el archivo con el formulario. Lo he intentado de esta manera:

Puedo ocultar el botón dentro del panel de carga de archivo para que el usuario no haga clic en él.

<rich:fileUpload id="fileUploadId" 
     style="width: 100%; height: 130px;" 
     fileUploadListener="#{documentsBean.listener}" 
     maxFilesQuantity="1" 
     uploadButtonClass="display-none" 
     uploadButtonClassDisabled="display-none"> 
    </rich:fileUpload>

Y lo que he tratado con el botón es

<a4j: commandButton id="uploadFormButton" 
     value="Attach" 
     onclick="#{rich:component('fileUploadId')}.submitForm();" 
     oncomplete="#{rich:component('fileUploadId')}.clear(); return false;"/>

Pero no funciona.

Fuente

2011-10-02 cesaregb

No sé si hay una manera de hacer exactamente lo que quiere, pero aquí es otra solución que puede utilizar:

<html xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:ui="http://java.sun.com/jsf/facelets" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:rich="http://richfaces.org/rich" 
    xmlns:a4j="http://richfaces.org/a4j" 
    xmlns:st="http://spectotechnologies.com/jsf" 
    xmlns:t="http://myfaces.apache.org/tomahawk"> 

    ... 

    <h:form enctype="multipart/form-data"> 
     ... your fields ... 

     <t:inputFileUpload value="#{bean.document}" /> 

     <h:commandButton value="Submit" actionListener="#{bean.onButtonSubmitClick}" /> 
    </h:form> 
</html>

y el grano:

@ManagedBean 
@RequestScoped 
public class Bean 
{ 
    private UploadedFile m_oDocument; 

    public void setDocument(UploadedFile p_oDocument) 
    { 
     m_oDocument = p_oDocument; 
    } 

    @UploadedFileNotEmpty 
    @UploadedFileSize(max="10000000") 
    @UploadedFileExtension(accept="doc,docx,pdf,txt,rtf,xls,xlsx,zip,rar,jpg,jpeg,jpe,bmp,gif,png,csv,ppt,pptx,odp,pic,odt,ods") 
    public UploadedFile getDocument() 
    { 
     return m_oDocument; 
    } 

    public void onButtonSubmitClick(ActionEvent p_oEvent) 
    { 
     ... 
    } 
}

Esperanza esta ayuda!

Fuente

2012-04-01 09:45:55

Utilizar el botón externo para rich: archivoUpload

Respuesta

Cuestiones relacionadas