Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<blockquote> <p><em>3.5 version of primefaces</em></p> </blockquote> <p>The <code>dialog:</code> navigation outcome prefix from <a href="http://www.primefaces.org/showcase/ui/dialogFrameworkBasic.jsf" rel="nofollow">"Dialog Framework"</a> is introduced in PrimeFaces 4.0 and don't work in older versions.</p> <p>So, you've 2 options:</p> <ol> <li>Upgrade to PrimeFaces 4.0 (note: it's currently still in beta)</li> <li>Use the "old" approach of <code>dialogWidgetVar.show()</code> in JavaScript or <code>visible="#{someCondition}</code> in JSF. See also <a href="http://www.primefaces.org/showcase/ui/dialogHome.jsf" rel="nofollow">the <code>&lt;p:dialog&gt;</code> examples in PrimeFaces showcase</a>.</li> </ol> <hr> <p><strong>Update</strong>: as per the comment, here's how you could use it with <code>widgetVar</code> approach in JS:</p> <pre><code>&lt;p:button value="Open dialog" onclick="w_dialog.show(); return false;" /&gt; &lt;p:dialog widgetVar="w_dialog"&gt; &lt;p&gt;Dialog's content.&lt;/p&gt; &lt;p:dialog&gt; </code></pre> <p>And here's how you could use the <code>visible</code> approach in JSF:</p> <pre><code>&lt;h:form&gt; &lt;p:commandButton value="Open dialog" action="#{bean.showDialog}" update=":dialog" /&gt; &lt;/h:form&gt; &lt;p:dialog id="dialog" visible="#{bean.showDialog}"&gt; &lt;p&gt;Dialog's content.&lt;/p&gt; &lt;p:dialog&gt; </code></pre> <p>with</p> <pre><code>private boolean showDialog; public void showDialog() { showDialog = true; } public boolean isShowDialog() { return showDialog; } </code></pre> <p>You can if necessary move <code>&lt;p:dialog&gt;</code> into an include file which you include by <code>&lt;ui:include&gt;</code>.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload