Question

我正在使用GlassFish 3.1.2上的PrimeFaces 3.5运行JSF2 Web应用程序。我想实现CSV导入功能，以便在没有页面重新加载的情况下将读取值填充到组件中。

从技术上讲，在使用<p:fileUpload>上传文件后，我想更新一个使用<ui:repeat>迭代创建输入字段的组件。以下是我的观点的简化代码：

<ui:define name="content">
    <h:form id="form" prependId="false" enctype="multipart/form-data">
        <p:growl id="growl" showDetail="true" life="5000" />

        <p:panel header="Values">
            <h:panelGroup id="grid" layout="block">

                <p:commandButton actionListener="#{table.handlePost}"
                    id="postTop" value="Save" update="growl" />
                <p:commandButton id="dlTop" value="Export CSV" ajax="false"
                    onclick="PrimeFaces.monitorDownload(start, stop)"
                    icon="ui-icon-arrowthichk-s">
                    <p:fileDownload value="#{table.csv}" />
                </p:commandButton>

                <p:fileUpload fileUploadListener="#{table.handleFileUpload}"
                    mode="advanced" update="tableView, growl" sizeLimit="10000"
                    allowTypes="/(\.|\/)(csv)$/" label="Import CSV"
                    showButtons="false" />

                <h:panelGroup id="tableView" layout="block">
                    <table>
                        <tr>
                            <th>Day</th>
                            <th>Value</th>
                        </tr>
                        <ui:repeat value="#{table.values}" varStatus="val" id="table">
                            <tr>
                                <td><h:outputText
                                        value="#{table.date}-#{val.index+1}" /></td>
                                <td><h:inputText id="value"
                                        value="#{table.values[val.index]}"
                                        converter="javax.faces.Double" /></td>
                            </tr>
                        </ui:repeat>
                    </table>
                </h:panelGroup>

                <p:commandButton actionListener="#{table.handlePost}"
                            id="postBottom" value="Save" update="growl" />
                <p:commandButton id="dlBottom" value="Export CSV" ajax="false"
                    onclick="PrimeFaces.monitorDownload(start, stop)"
                    icon="ui-icon-arrowthic hk-s">
                    <p:fileDownload value="#{table.csv}" />
                </p:commandButton>
            </h:panelGroup>
        </p:panel>

    </h:form>
</ui:define>

table bean：

@ViewScoped
@ManagedBean(name="table")
public class TableView { }

正确读取值，我可以更新任何组件以输出table.values，但<p:fileUpload>除外，<ui:repeat>的内容永远不会更新。如果我从tableView以外的任何其他组件更新<p:fileUpload>，则<ui:repeat>的内容会正确更新。可能是什么问题？

Answer 1

我认为文件上传组件不支持ajax更新标记，因此您可能需要进行整页刷新...您可以使用以下命令在javascript中执行此操作：oncomplete="javascript:window.location.reload(true)"

ui的内容：重复未使用p：fileUpload更新

1 个答案: