Inplace provides easy inplace editing and inline content display. For inplace editing, "save" and "cancel" ajax behavior events are provided for customizing the use-case.
Documentation<style type="text/css"> .column { font-weight: bold; } </style> <h:form> <h:panelGrid columns="2" columnClasses="column" cellpadding="5"> <h:outputLabel for="basic" value="Basic:" /> <p:inplace id="basic"> <p:inputText value="Edit Me" /> </p:inplace> <h:outputLabel for="ajax" value="Ajax:" /> <p:inplace id="ajax" editor="true"> <p:inputText value="#{inplaceView.text}" required="true" label="text" /> </p:inplace> <h:outputLabel for="event" value="Dblclick"/> <p:inplace id="event" label="Cities" effectSpeed="fast" event="dblclick"> <h:selectOneMenu> <f:selectItem itemLabel="New York" itemValue="0" /> <f:selectItem itemLabel="London" itemValue="1" /> <f:selectItem itemLabel="Paris" itemValue="2" /> <f:selectItem itemLabel="Berlin" itemValue="3" /> </h:selectOneMenu> </p:inplace> <h:outputLabel for="facet" value="Facet:" /> <p:inplace id="facet" effect="none"> <f:facet name="output"> Yes or No </f:facet> <f:facet name="input"> <h:selectBooleanCheckbox /> </f:facet> </p:inplace> <h:outputLabel for="image" value="Image:" /> <p:inplace id="image" label="Show" effect="slide"> <p:graphicImage name="/demo/images/nature/nature3.jpg" /> </p:inplace> </h:panelGrid> </h:form>
@Named @RequestScoped public class InplaceView implements Serializable { private String text = "PrimeFaces"; public String getText() { return text; } public void setText(String text) { this.text = text; } }