0

我在 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豆：

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

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

4

1 回答 1

0

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

于 2013-06-07T08:55:03.367 回答