Primefaces 文件上传在 ajax 更新时重置答案

【问题标题】：Primefaces fileupload resets on ajax updatePrimefaces 文件上传在 ajax 更新时重置
【发布时间】：2013-07-03 12:12:28
【问题描述】：

我正在primefaces数据表中进行多记录编辑，在记录编辑中有文件上传，当用户按下“添加”按钮时会重置

jsf代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui">
    <h:head></h:head>
    <h:body>
        <h:form enctype="multipart/form-data">
            <p:dataTable var="file" value="#{fileUpload.files}" id="uploadTable">
                <p:column>
                    <p:inputText value="#{file.id}"/>
                    <p:inputText value="#{file.name}"/>
                    <p:fileUpload value="#{file.file}" mode="simple"/> 
                </p:column>
            </p:dataTable>
            <p:commandButton value="Add" action="#{fileUpload.add}" update="uploadTable" />
            <p:commandButton action="#{fileUpload.submit}" value="Submit" ajax="false" />
        </h:form>
    </h:body>
</ui:composition>

这是控制器：

@ManagedBean(name = "fileUpload")
@ViewScoped
public class DummyFileUpload implements Serializable {

    private static final long serialVersionUID = 1L;

    private List<File> files;

    @PostConstruct
    public void init() {
        files = new ArrayList<DummyFileUpload.File>();
    }

    public void submit() {
        // submit
    }

    public void add() {
        files.add(new File());
    }

    public List<File> getFiles() {
        return files;
    }

    public void setFiles(List<File> files) {
        this.files = files;
    }

    public class File implements Serializable{

        private static final long serialVersionUID = 2685385696849425824L;
        private String id;
        private String name;
        private UploadedFile file;

        public String getId() {
            return id;
        }
        public void setId(String id) {
            this.id = id;
        }
        public String getName() {
            return name;
        }
        public void setName(String name) {
            this.name = name;
        }
        public UploadedFile getFile() {
            return file;
        }
        public void setFile(UploadedFile file) {
            this.file = file;
        }
    }

}

当我进行 ajax 调用时，文件上传控件被重置，我知道这是一种正常行为，但我想问是否有针对这种情况的已知解决方法，对于这样的复杂业务来说，最佳做法是什么？

【问题讨论】：

标签： ajax jsf file-upload primefaces

【解决方案1】：

可以通过将文件上传标签更改为以下内容来避免这种情况：

<p:fileUpload fileUploadListener="#{fileUpload.add}" mode="advanced" />

这样，Add 和 Submit 按钮以及 AJAX 更新就不需要了，因为文件上传的高级版本将提供相同的功能。

另外，在你的DummyFileUpload bean 中你必须改变add 函数：

public void add(FileUploadEvent event) {
    files.add(event.getFile());
}

【讨论】：

你没有得到我在控制器中制作的文件对象，它是一个自定义列表而不是 primefaces 文件