Dialog some after opening

Question

I’m using a dialog of the first faces:

<h:form>
    <p:dialog widgetVar="dialog" modal="true" resizable="false">
        <p:outputLabel value="Mensagem qualquer."/>
        <p:commandButton value="Botão 1" action="#{chama um método no ManagedBean}"/>
        <p:commandButton value="Botão 2" action="#{chama um método no ManagedBean}"/>
    </p:dialog>
    <p:link value="Abrir caixa de diálogo." onclick="PF('dialog').show()"/>
<h:form>

I was watching as I hovered over <p:link/> the page address appears in the footer, as if it were a redirect.

Why does this happen? There is no URL. How can I resolve?

Answer 1

This is because p:link turns the tag <a> and in HTML when this tag does not receive any link is considered to be the link of the current page.

example

<a href="">clique aqui</a> 

will direct to own page, to solve this put a hashtag on the link

// no seu caso
<a href="#" onclick="PF('dialog').show()">Abrir caixa de diálogo.</a> 

'Cause I don’t know if that would work:

<p:link outcome="#" value="Abrir caixa de diálogo." onclick="PF('dialog').show()"/>

Try and give feedback. :)

Answer 2

When you write a <p:link>, the Markup generated is a link to the page itself.

If the intention is just to have the link as aesthetic, not to navigate, just give a return false; after all the processing onclick, this way will block the default behavior that is to navigate.

The result would be:

<p:link value="Abrir caixa de diálogo." onclick="PF('dialog').show(); return false;"/>

If you want to use a <a> just by aesthetic, it would be better to use a <span> and stylize to look like a <a>.