【发布时间】:2018-07-03 16:14:58
【问题描述】:
我正在使用 Primefaces 6.2 和 MyFaces 2.2。 fileUpload 组件部分工作,调用了侦听器方法并保存了文件,但更新属性没有触发数据表自动重新呈现。我必须手动刷新页面才能使上传的文件显示在数据表中。
这里是视图:
<h:form id="uploadForm" enctype="multipart/form-data">
<p:outputPanel id="uploadPanel" style="float : left; width : 700px; padding-top : 20px">
<p:fileUpload id="uploadComponent" fileUploadListener="#{userDocsManagedBean.uploadListener}" mode="advanced" update="userDocsTbl" />
</p:outputPanel>
<p:outputPanel id="docsPanel" style="float : left; width : 700px; padding-left : 20px; padding-top : 20px" layout="block">
<p:dataTable id="userDocsTbl"
value="#{userDocsManagedBean.files}"
var="f"
rows="10"
scrollable="true"
scrollWidth="590"
scrollHeight="335"
style="width:590px; height:350px;"
rowHover="true" >
<f:facet name="header">
<h:outputText value="User Generated Documents" style="font-size: 16px" />
</f:facet>
<p:column headerText="File Name" styleClass="alignLeft" width="330px" sortBy="#{f.fileName}">
<h:outputLink value="#{f.fileName}" onclick="window.open('#{f.fileName}?p1=#{f.path}','pdf').target='_blank';return false;">#{f.fileName}</h:outputLink>
</p:column>
<p:column headerText="Date Modified" styleClass="alignCenter" width="160px" sortOrder="#{userDocsManagedBean.sortOrder}" sortBy="#{f.dateModified}">
<h:outputText value="#{f.dateModified}" />
</p:column>
<p:column headerText="Size" styleClass="alignCenter" width="80px" sortBy="#{f.size}">
<h:outputText value="#{f.size}" />
</p:column>
</p:dataTable>
</p:outputPanel>
</h:form>
这里是监听器方法(bean是viewscoped):
public void uploadListener(FileUploadEvent event) {
UploadedFile file = event.getFile();
uploadFile(file);
FacesContext ctxt = FacesContext.getCurrentInstance();
Collection<String> ids = ctxt.getPartialViewContext().getRenderIds();
ids.add("uploadForm:userDocsTbl");
}
【问题讨论】:
标签: jsf primefaces