PrimeFaces p:idleMonitor 渲染=“假”不工作

Question

我正在使用Primefaces 5.1 开发一个项目。

在我的项目中，我使用了p:idleMonitor，在我的开始按钮上单击p:idleMonitor rendered="true" is working。

在我的停止按钮上单击p:idleMonitor rendered="false" 不起作用，p:idleMonitor 仍在处理中。

示例代码：

index.xhtml

 <p:panel id="mainPanelId">

     <p:commandButton value="Start" update="mainPanelId" action="{Sample.start}"/>

     <p:commandButton value="Stop" update="mainPanelId" action="#{Sample.stop}"/>

     <p:idleMonitor timeout="5000" rendered="#{Sample.idleRendered}">
          <p:ajax event="idle"  oncomplete="PF('dialogId').show();"/>
          <p:ajax event="active" oncomplete="PF('dialogId').hide();"/>
     </p:idleMonitor>

     <p:dialog id="dialogId" widgetVar="dialogId" header="Idle">     
         <p:outputLabel value="Idle Mode Actived!"/>
     </p:dialog>

 </p:panel>

Sample.java

class Sample
{
   private boolean idleRendered;

   public String start()
    {
        idleRendered = true;
        return null;
    }

   public String stop()
    {
       idleRendered = false;
       return null;
    }
}

Answer 1

你应该做一些不同的事情。

1. 使用<h:form>
2. 使用 p:commandButton 的 actionListener 和 bean 的 void 方法

XHTML

<h:form>
    <p:panel id="mainPanelId">
        <p:commandButton value="Start" update="mainPanelId"
            actionListener="#{Sample.start}" />

        <p:commandButton value="Stop" update="mainPanelId"
            actionListener="#{Sample.stop}" />

        <h:outputText value="#{Sample.idleRendered}" />
        <p:idleMonitor timeout="5000" rendered="#{Sample.idleRendered}">
            <p:ajax event="idle" oncomplete="PF('dialogId').show();" />
            <p:ajax event="active" oncomplete="PF('dialogId').hide();" />
        </p:idleMonitor>

        <p:dialog id="dialogId" widgetVar="dialogId" header="Idle">
            <p:outputLabel value="Idle Mode Actived!" />
        </p:dialog>
    </p:panel>
</h:form>

豆子

@Named("Sample")
@SessionScoped
public class Sample implements Serializable {

    private boolean idleRendered = true;

    public void start() {
        idleRendered = true;
    }

    public void stop() {
        idleRendered = false;
    }

    public boolean isIdleRendered() {
        return idleRendered;
    }

    public void setIdleRendered(boolean idleRendered) {
        this.idleRendered = idleRendered;
    }

}

更新： 看起来像一个错误，这里有一个解决方法：

<p:outputPanel rendered="#{Sample.idleRendered}">
    <p:idleMonitor timeout="5000">
        <p:ajax event="idle" oncomplete="PF('dialogId').show();" />
        <p:ajax event="active" oncomplete="PF('dialogId').hide();" />
    </p:idleMonitor>
</p:outputPanel>