使用外部按钮富:fileUpload

我使用组件rich:fileUpload上传文件到我的服务器，问题是这些文件与用户填写的表单一起，所以我想使用一个外部按钮来完成此操作。

用户选择要上传的文件，填写表格，然后点击页面底部的"提交"按钮。这将上载带有表单的文件。我试过这样做:

我可以在fileUpload的面板中隐藏按钮，这样用户就不会点击它。

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

我对按钮所做的尝试是

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

但是它不起作用。

我不知道是否有一种方法可以做到你想要的，但这里有另一个解决方案，你可以使用:

<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>

和豆子:

@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)
    {
        ...
    }
}

希望这对你有帮助!

相关内容

最新更新

热门标签：