当页面加载时显示Primefaces的OverlayPanel

Question

当单击目标组件（一个commandButton）时，页面会显示Primefaces的overlayPanel：

<p:commandButton id="inputBtn" value="Choose a data source" type="button" action="#{dataImportBean.oAuth}"/>
 
<p:overlayPanel
 id="overlaypanel1"
 for="inputBtn"
 dynamic="false"
 widgetVar="inputChooser"
 >
// contents of the overlay panel
</p:overlayPanel>

我希望在页面加载时显示overlayPanel，不需要点击目标commandButton。

使用案例是：用户已经打开了overlayPanel，但oAuth流程使用户导航离开页面。当oAuth完成后用户被重定向到页面。然而，当页面加载时，overlayPanel被关闭，而我需要用户直接返回到overlayPanel，以保持一致性。

- seinecle

Answer 1

使用客户端API可以在您的小部件中使用。您可以使用show()来显示面板，所以在您的情况下：PF('inputChooser').show()。

要在页面加载时执行此操作，您可以将其放置在p:overlayPanel之后：

<c:if test="#{yourCondition}">
<script>$(function() { PF('inputChooser').show() })</script>
</c:if>

参见：

• https://primefaces.github.io/primefaces/10_0_0/#/components/overlaypanel?id=client-side-api

- Jasper de Vries