我有一个webapp,我选择了一些要删除的内容。弹出模式弹出窗口,显示所选图像/闪光灯的预览。我按了一个按钮,一切正常。但是,当我选择另一个要删除的内容时,弹出模式,并在一微秒内显示先前删除的文件,然后由我要删除的新内容替换。
显示动态内容的代码如下:
对于图片:
<p:graphicImage value="#{controller.tempImage}" height="110"
id="imageID" />
适用于Flash:
<p:media value="#{controller.tempImage}" width="110" height="110"
id="imageID" player="flash" />
控制器:
public StreamedContent getTempImage() {
try {
FacesContext context = FacesContext.getCurrentInstance();
if (context.getRenderResponse() ) {
return new DefaultStreamedContent();
}
else {
tempImage = new DefaultStreamedContent(new FileInputStream("pathToFile"), "image/jpeg");
}
} catch (FileNotFoundException e) {
tempImage = new DefaultStreamedContent();
}
return tempImage;
}
我尝试在加载前将tempImage
设置为null,并在模态中设置autoUpdate=true
,但没有运气。
删除按钮(显示删除模式的按钮):
<p:commandButton id="btnDelete" value="Delete" onclick="deleteModal.show();" actionListener="#{controller.initDelete}" update=":deleteForm">
删除表单(xhtml):
<h:form id="deleteForm" enctype="multipart/form-data" >
<p:dialog id="deleteDialog" widgetVar="deleteModal" modal="true" resizable="false" draggable="false" autoUpdate="true">
<p:outputPanel autoUpdate="false" >
<p:panelGrid id="panelId">
<p:row>
<p:column>
<p:panelGrid id="bannerPanel">
<p:row>
<p:column>
<p:graphicImage value="#{controller.tempImage}" height="110" id="imageID" />
</p:column>
</p:row>
</p:panelGrid>
</p:column>
</p:row>
<f:facet name="footer">
<p:row>
<p:column>
<p:commandButton id="doDeleteBtn" value="Delete"
actionListener="#{controller.delete}" >
</p:commandButton>
</p:column>
</p:row>
</f:facet>
</p:panelGrid>
</p:outputPanel>
</p:dialog>
答案 0 :(得分:4)
更改自:
onclick="deleteModal.show();"
为:
oncomplete="deleteModal.show();"
这将确保在AJAX请求完成后,而不是在启动之前查看对话框。
当你创建所谓的按钮时,你应该使用onclick
,type="button"
按钮,它们只是执行一些JavaScript。 Primefaces中默认的按钮类型为submit
。