[onShow事件在每次重新加载页面时都会触发

Question

我在使用Primefaces在项目中制作菜单时遇到问题。实际上，此菜单将使我能够显示一些带有工作空间设置的小对话框（通过单击菜单项）。每个对话框应具有从数据库延迟加载的数据。不幸的是，当我在页面中包含对话框时（单个xhtml文件或带有ui：include的几个xhtml文件），每次重新加载页面时都会发生onShow事件，这是错误的，并向数据库引发了太多不必要的请求。

这里是一个例子：

UI部分

<h:form id="form1">
    <p:menubar id="mainMenu">
    <p:submenu label="Main menu" icon="ui-icon-document">
        <p:menuitem value="My settings" onclick="mySettingsWv.show()" url="#" />
    </p:submenu>
    </p:menubar>
</h:form>

<p:dialog id="mySettingsDlg" header="My Settings" widgetVar="mySettingsWv" resizable="false"
          closable="true" modal="true" showEffect="fade" hideEffect="explode" dynamic="true"
          closeOnEscape="true" onShow="#{mybean.onShow()}">
        <h:outputLabel value="Settings dialog" />
</p:dialog>

ManagedBean部分：

@ManagedBean (name = "mybean")
@ViewScoped
public class MyBean {
   public static Logger log = Logger.getLogger(MyBean.class);

    public void onShow() {
       log.info("Method onShow is being called on each page reloading, but dialog still has not been shown");
     }
}

如果我对<p:menuitem>使用动作“ onclick”来手动调用必要的方法，则每次重新加载页面时仍会执行该方法。另外，如果我尝试使用actionListener，则action属性无效。 <p:ajax>无法附加到<p:menuitem>。

在这种情况下我该怎么办？我的代码出了什么问题？

Answer 1

查看documentation的素面p:dialog（与p:menuitem和onclick相同的问题）。那里的文档说关于onShow：

显示对话框时执行的

Client side回调。 （添加了重点）

这意味着您可以在此处指定一个javascript函数，但是这种方式无法在您的backingbean上指定每次显示对话框时都会调用的操作。在您的情况下，将发生以下情况：仅在分析文件（即#{mybean.onShow()}呈现到HTML中）时评估p:dialog，然后在其中插入该方法返回的值（即空字符串） ）。

要解决此问题，您必须定义一个JavaScript回调，以便在Bean上进行调用。您可以使用p:remoteCommand：

执行此操作

<p:remoteCommand name="onShow" action="#{mybean.onShow}"
      partialSubmit="true" process="@this"/>

然后将此回调指定为onShow属性：

<p:dialog id="mySettingsDlg" ...
      onShow="onShow()">