PrimeFaces JSF 库：灯箱内的整个页面？

Question

我想将整个页面放入 PrimeFaces 库 UI 组件 lightBox。

例如我有：

• Normal_page.xhtml
• Popup_page.xhtml

是否可以从 Normal_page.xhtml 启动 Popup_page.xhtml 并将其显示在 lightBox 中，以便 Popup_page 覆盖在 Normal_page 上？

附言

我曾经使用<p:dialog> 和<ui:include> 来执行此操作，如下所示：

<p:dialog widgetVar="myPopup"...> 
    <ui:include src="/Popup_page.xhtml"/>
</p:dialog>

和

<p:commandButton onclick="myPopup.show();"/>

但这似乎不适用于<p:lightBox>。

Answer 1

这两种方法都对我有用：

LightBox 内联方法：

<p:lightBox>
    <h:outputLink value="#">  
        <h:outputText value="Open Lightbox Popup (using inline)"/>  
    </h:outputLink>   
    <f:facet name="inline">
        <ui:include src="popup_Page.xhtml"/>
    </f:facet>
</p:lightBox>

灯箱 iframe 方法：

<p:lightBox iframe="true">      
    <h:outputLink value="popup_Page.xhtml">  
        <h:outputText value="Open Lightbox Popup (using iframe)"/>  
    </h:outputLink>   
</p:lightBox>