primefaces - 如何在 p:dialog 中打开 url？

Question

我想要这样的东西。

<h:commandButton value="Submit" onclick="ex.show()"></h:commandButton>


<p:dialog id="dialog1"  widgetVar="ex">
   <h:output Text value="Hi"/>
</p:dialog>

这将在 p:dialog 中打开带有 hi 文本的弹出窗口。但我需要在该弹出窗口中打开一个网址。我该如何接近？

Answer 1

您可以放置iframe​​在您的对话框中

像这样 ：

<h:form prependId="false">
<h:commandButton value="Submit" onclick="ex.show(); return false;"></h:commandButton>

<p:dialog id="dialog1"  widgetVar="ex"  onHide="jQuery('#someId').hide();" onShow="jQuery('#someId').show();">
    <iframe frameborder="0" align="left"
         src="http://www.primefaces.org"
         name="someName" id="someId" scrolling="auto" width="750"
         height="500" marginheight="5" marginwidth="10">
     </iframe>
</p:dialog>

</h:form>

第二个选项可以放置p:lightBox iframe="true"在您的对话框中，并在打开对话框时打开它，如下所示：

<h:form prependId="false">
    <h:commandButton value="Submit" onclick="ex.show(); return false;"></h:commandButton>

    <p:dialog id="dialog1"  widgetVar="ex" onShow="openLink()">
        <p:lightBox iframe="true">  
            <h:outputLink id="mylink" value="http://www.primefaces.org">  
            </h:outputLink>  
        </p:lightBox>  
    </p:dialog>
    <script>
        function openLink(){
            setTimeout("jQuery('#mylink').click();", 50);
        }
    </script>
</h:form>