如何在p:对话框中打开网址?

时间:2012-11-28 06:23:01

标签: primefaces

我想要这样的东西。

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


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

这将在p:对话框中打开带有hi文本的弹出窗口。但是我需要在弹出窗口中打开一个url。我怎么办?

1 个答案:

答案 0 :(得分:2)

您可以在对话框中放置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>