Dialog - Ajax Form

Dialogs can contain forms to provide ajax interaction.

Enter FirstName

Source

<p:commandButton id="showDialogButton" type="button" value="Show" onclick="PF('dlg').show()" />
		
<p:dialog header="Enter FirstName" widgetVar="dlg" resizable="false">
	<h:form id="form">

		<h:panelGrid columns="2" style="margin-bottom:10px">
			<h:outputLabel for="firstname" value="Firstname:" />
			<p:inputText id="firstname" value="#{pprBean.firstname}" />
		</h:panelGrid>

		<p:commandButton id="submitButton" value="Submit" update=":display" oncomplete="PF('dlg').hide();"/>
			
	</h:form>
</p:dialog>
	
<p:outputPanel id="display" style="display:block;margin-top:10px;">
	<h:outputText id="name" value="Hello #{pprBean.firstname}" rendered="#{not empty pprBean.firstname}"/>
</p:outputPanel>