Question

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

例如我有：

Normal_page.xhtml
Popup_page.xhtml

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

P.S。

我曾经使用<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>

LightBox iframe方法：

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

PrimeFaces JSF库：lightBox中的整个页面？

1 个答案: