1

在我的项目中使用 FileUpload 时,如下所示:

看法

<h2>#{bundle['upload']}</h2>
<p:scrollPanel id="upload" styleClass="ui-widget-filebucket-upload">
    <h:form enctype="multipart/form-data">
        <p:fileUpload fileUploadListener="#{fileBucket.handleFileUpload}"
            mode="advanced" update=":download:files :messages"
            multiple="false" label="#{bundle['choose_button']}"
            uploadLabel="#{bundle['upload_button']}"
            cancelLabel="#{bundle['cancel_button']}" />
    </h:form>
</p:scrollPanel>
<p:resizable for="upload" />

视图模型

@ViewScoped
@Named("fileBucket")
public class DefaultFileBucketViewModel implements IFileBucketViewModel, Observer, Serializable {
    // ...
    public void handleFileUpload(FileUploadEvent event) {
        try {
            model.write(id, event.getFile().getFileName(), event.getFile().getInputstream());
        } catch (final Exception e) {
            log.error(e);
            messages.error(new BundleKey(Literals.BUNDLE_NAME, Literals.FILE_UPLOAD_ERROR));
        }
    }
}

上传按预期工作。文件被存储,所有注册的组件都被更新,就像它应该的那样。但是,无论我是使用拖放还是“选择”按钮添加文件,文件总是会添加两次到上传列表中。

文件上传添加了两次。

这里发生了什么,我该如何解决这个问题?

感谢您的任何建议和最好的问候

帕斯卡

4

1 回答 1

1

我偶然发现了解决方案。似乎包装滚动面板导致了这种行为。以下代码可以正常工作:

<h2>#{bundle['upload']}</h2>
<h:form enctype="multipart/form-data" id="upload"
    styleClass="ui-widget-filebucket-upload ui-widget-content ui-corner-bottom ui-corner-top">
    <p:fileUpload id="upload_control"
        fileUploadListener="#{fileBucket.handleFileUpload}" mode="advanced"
        update=":download:files :messages" multiple="false"
        label="#{bundle['choose_button']}"
        uploadLabel="#{bundle['upload_button']}"
        cancelLabel="#{bundle['cancel_button']}" />
</h:form>
<p:resizable for="upload" />

必须是 PrimeFaces 3.4 中的错误。

于 2013-02-13T15:19:42.470 回答