Question

我使用带接缝的primefaces灯箱组件。我有一个firstpage.xhtml页面，其中有一个显示带iframe参数的灯箱的按钮，它将显示一个包含一些表单字段和“关闭窗口”按钮的secondpage.xhtml。

firstpage.xhtml代码

>  <ui:composition xmlns="http://www.w3.org/1999/xhtml"
>   xmlns:ui="http://java.sun.com/jsf/facelets"
>   xmlns:h="http://java.sun.com/jsf/html"
>   xmlns:f="http://java.sun.com/jsf/core"
>   xmlns:p="http://primefaces.prime.com.tr/ui"
>   xmlns:opt="http://primefaces.prime.com.tr/optimus"
>   template="layout/template1.xhtml"> <ui:define name="head">
> <p:resources/> </ui:define>
>               <ui:define name="body">
>   
>           <h1 class="title">LightBox - External URL</h1>      <div class="entry">
>               <p>LightBox can display external urls in an iframe.</p>
>                   
>                   <p:lightBox id="light" iframe="true" width="80%" height="80%" widgetVar="dlg">
>                   
>                         <h:outputLink value="#{request.contextPath}/PermissionEdit.seam" title="PrimeFaces
> HomePage">
>                           <h:outputText value="PrimeFaces HomePage"/>
>                       </h:outputLink>
>                   </p:lightBox>
> 
>               <h3>Source</h3> <pre name="code" class="xml"> &lt;p:lightBox iframe="true" width="80%" height="80%"&gt;     &lt;h:outputLink
> value="http://primefaces.org" title="PrimeFaces HomePage"&gt; 
>       &lt;h:outputText value="PrimeFaces HomePage"/&gt; 
>   &lt;/h:outputLink&gt;  &lt;/p:lightBox&gt; </pre>
> 
> </div> </ui:define> </ui:composition>

当我点击secondpage.xhtml上的关闭按钮时，有人可以告诉我如何实现关闭此灯箱iframe窗口的关闭方法吗？

提前致谢

Answer 1

重新加载页面可能非常昂贵：

onclick="javascript:window.parent.location.reload(true);"

您可以使用略有不同的方法：

<p:lightBox id="light" iframe="true" width="80%" height="80%" widgetVar="dlg">

在iframe方面：

<p:commandButton value="Close" onsuccess="parent.dlg.hide();" ajax="true" process="@none" />

从iframe Button关闭lightBox primefaces

1 个答案: