Let us see how to use the Inplace editor with the drop-down component along with editor support, and register event listeners for the save
and cancel
events:
Create a form using Inplace editor components, as follows:
<h:form id="inplaceForm"> <p:panel header="Inplace Editing" > <h:panelGrid columns="2"> <p:outputLabel for="email" value="Email"/> <p:inplace id="email" emptyLabel="Enter Email Here" editor="true" effect="slide" effectSpeed="fast"> <p:ajax event="save" listener="#{userController.handleSave}"/> <p:ajax event="cancel" listener="#{userController.handleCancel}"/> <p:inputText value="#{userController.user.emailId}"/> </p:inplace> <p:outputLabel for="gender" value="Gender"/> <p:inplace id="gender" emptyLabel="Select Gender" event="dblclick"> ...