JSF Showcase

h:inputHidden

HtmlInputHidden is a UIInput component that renders an <input> element with type=hidden.

General Usage

The value attribute can be bound to a model bean property via EL.
This is a div that contains a hidden input

Source Code

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets">

	<h:form>
		<h:outputText value="#{i18n['this-is-a-div-that-contains-a-hidden-input']}" />
		<h:inputHidden id="hidden" binding="#{inputHidden}"
			required="#{showcaseModelBean.selectedComponent.required}"
			value="#{inputHiddenModelBean.text}" />
		<h:message for="hidden" />
		<button onclick="document.getElementById('#{inputHidden.clientId}').value='1234'; return false;">
			#{i18n['copy-1234-to-the-value-of-the-hidden-input']}
		</button>
		<button onclick="document.getElementById('#{inputHidden.clientId}').value=''; return false;">
			#{i18n['clear-the-value-of-the-hidden-input']}
		</button>
		<hr />
		<h:commandButton action="#{inputHiddenBackingBean.submit}" value="#{i18n['submit']}">
			<f:ajax execute="@form" render="@form" />
		</h:commandButton>
		<h:outputText id="modelValue" value="#{inputHiddenModelBean.text}" />
	</h:form>

</ui:composition>
@ManagedBean
@RequestScoped
public class InputHiddenModelBean {

	private Date date = new GregorianCalendar().getTime();
	private Date testDate = new GregorianCalendar(33, 3, 5).getTime();
	private String text;

	public Date getDate() {
		return date;
	}

	public String getTestDate1() {

		// Example 1 requires a date formatted by the user's locale.
		DateTimeConverter dateTimeConverter = new DateTimeConverter();
		FacesContext facesContext = FacesContext.getCurrentInstance();
		ExternalContext externalContext = facesContext.getExternalContext();
		dateTimeConverter.setLocale(externalContext.getRequestLocale());

		return dateTimeConverter.getAsString(facesContext, facesContext.getViewRoot(), testDate);
	}

	public String getTestDate2() {

		// Example 1 requires a date formatted by a specific date pattern.
		DateTimeConverter dateTimeConverter = new DateTimeConverter();
		FacesContext facesContext = FacesContext.getCurrentInstance();
		ExternalContext externalContext = facesContext.getExternalContext();
		dateTimeConverter.setLocale(externalContext.getRequestLocale());
		dateTimeConverter.setPattern("MM/dd/yyyy");

		return dateTimeConverter.getAsString(facesContext, facesContext.getViewRoot(), testDate);
	}

	public String getText() {
		return text;
	}

	public void setDate(Date date) {
		this.date = date;
	}

	public void setText(String text) {
		this.text = text;
	}
}
@ManagedBean
@RequestScoped
public class InputHiddenBackingBean {

	private static final Logger logger = LoggerFactory.getLogger(InputHiddenBackingBean.class);

	@ManagedProperty(value = "#{inputHiddenModelBean}")
	private InputHiddenModelBean inputHiddenModelBean;

	public void emailAddressValidator(FacesContext facesContext, UIComponent uiComponent, Object value)
		throws ValidatorException {

		if (value != null) {

			if (!value.toString().matches(".+[@].+[.].+")) {
				FacesMessage facesMessage = new FacesMessage();
				facesMessage.setSeverity(FacesMessage.SEVERITY_ERROR);
				throw new ValidatorException(facesMessage);
			}
		}
	}

	public void setInputHiddenModelBean(InputHiddenModelBean inputHiddenModelBean) {
		this.inputHiddenModelBean = inputHiddenModelBean;
	}

	public void submit() {

		Object value = inputHiddenModelBean.getText();

		if (value == null) {
			value = inputHiddenModelBean.getDate();
		}

		logger.info("You entered: " + value);
	}

	public void valueChangeListener(ValueChangeEvent valueChangeEvent) {

		FacesContext facesContext = FacesContext.getCurrentInstance();
		PhaseId phaseId = facesContext.getCurrentPhaseId();
		logger.debug("valueChangeListener: phaseId=[{0}]", phaseId.toString());

		String phaseName = phaseId.toString();
		FacesMessage facesMessage = new FacesMessage("The valueChangeListener method was called during the " +
				phaseName + " phase of the JSF lifecycle.");
		facesContext.addMessage(null, facesMessage);
	}
}
Liferay Faces Bridge Implementation 4.0.0 + Showcase Common 3.0.0 + Liferay Faces Util 3.0.1-SNAPSHOT + Mojarra 2.2.13