通过支持 bean 包含来自另一个文件的对话框

Question

我有一个 Primefaces 项目，我试图在其中复制桌面应用程序的行为。由于桌面应用的性质，弹出的对话框比较多，导致页面处理变得很慢（初始页面加载：10-20秒，AJAX请求：6-10秒）。

我已经为所有对话框提供了单独的文件，我想使用支持 bean 将它们作为对话框弹出，而不必在我的主文件中使用 <ui:include>。有没有办法做到这一点？

例如：

<p:commandButton id="showSearchDialog"
                 action="#{managedBean.showSearchDialog()}"/>
<p:dialog widgetVar="searchDialog">
</p:dialog>

public class ManagedBean {
  public void showSearchDialog() {
    //Some sort of function that knows to process the contents of searchDialog.xhtml
    //  and insert it into the relevant <p:dialog>

    RequestContext.getCurrentInstance().execute("PF('searchDialog').show()");
  }
}

Answer 1

如果您的目标是减小页面大小，我会通过对话框本身的条件渲染来处理它，该对话框本身由支持 bean 属性确定，该属性将由命令操作设置：

<p:commandButton id="showSearchDialog"
                 action="#{managedBean.showSearchDialog()}"
                 update="dialogs"
                 oncomplete="PF('searchDialog').show()" />
<h:panelGroup id="dialogs" layout="block">
 <p:dialog widgetVar="searchDialog" rendered="#{managedBean.currentDialog eq 'search'}">
  <ui:include src="searchDialog.xhtml" />
 </p:dialog>
</h:panelGroup>

public class ManagedBean {
  private String currentDialog;
  public String getCurrentDialog() { return currentDialog; }
  public void showSearchDialog() { currentDialog = "search"; }
}

然后您可以有条件地在“对话框”块中呈现所有对话框，并使用 ajax 动态刷新呈现的内容。

---

另一个需要考虑的选项是使用 PrimeFaces 对话框框架，它允许您在运行时动态呈现外部页面。