Data
Just plain text
Yay! I have an icon!
40.000
I'm with Checkbox ->
Germany
United Kingdom
France
  • Germany
  • United Kingdom
  • France

FirstSecondThird

Text

The jtp:inputText component is a shortcut to p:inputText, but has some default setting:

  • maxlength : Set to 255 to fit the default archer(255) PostgreSQL database column

Components like p:inputText can be use AJAX:

<p:ajax event="keyup" delay="1000" listener="#{bean.filter}" update="somefield" process="@this" />

		<j:inputGrid>
			<p:outputLabel value="Output Text"/>
			<h:outputText value="Just plain text" styleClass="ui-outputtext"/>
			
			<p:outputLabel value="Output Text &amp; Icon"/>
			<h:panelGroup styleClass="jeesl-output-container">
				<j:svg type="jeeslInfo"/>
				<h:outputText value="Yay! I have an icon!" styleClass="ui-outputtext"/>
			</h:panelGroup>
			
			<p:outputLabel value="Output with Unit"/>
			<h:panelGroup styleClass="jeesl-output-container">
				<h:outputText value="40.000" styleClass="ui-outputtext"/>
				<p:outputLabel value="km/h" styleClass="jeesl-input-label"/>
			</h:panelGroup>
				
			<p:outputLabel value="Output with Checkbox"/>
			<h:panelGroup styleClass="jeesl-output-container">
				<h:outputText value="I'm with Checkbox ->" styleClass="ui-outputtext" />
				<p:selectBooleanCheckbox value="#{componentInputCheckboxBean.bool}"/>
			</h:panelGroup>
			
			
			<p:outputLabel value="Plain Input"/>
			<jtp:inputText value="#{componentInputTextBean.text1}"/>
			
			<p:outputLabel value="Input with Unit"/>
			<jtp:inputText value="#{componentInputTextBean.text1}" unit="km/h"/>
			
			<p:outputLabel value="Input with Button"/>
			<jtp:inputText value="#{componentInputTextBean.text1}" handler="#{sbhSingleBean.sbhLocale}"/>
			
			<p:outputLabel value="Checkbox"/>
			<p:selectBooleanCheckbox value="#{componentInputCheckboxBean.bool}"/>
			
			<p:outputLabel value="Spinner"/>
			<p:spinner value="#{componentInputTextBean.number}" min="0" max="100" />
			
			
			<jtp:label entity="Country"/>
			<p:selectOneMenu value="#{componentSelectOneMenuBean.country}" effect="fade" autoWidth="false" dynamic="true">
				<f:selectItems value="#{componentSelectOneMenuBean.countries}" var="c" itemLabel="#{c.name}" itemValue="#{c}"/>
			</p:selectOneMenu>
			
			<jtp:label entity="Country"/>
			<p:selectOneButton value="#{componentSelectOneMenuBean.country}" >
				<f:selectItems value="#{componentSelectOneMenuBean.countries}" var="c" itemLabel="#{c.name}" itemValue="#{c}"/>
			</p:selectOneButton>
			
			
			<jtp:label entity="Country"/>
			<p:selectCheckboxMenu value="#{componentSelectOneMenuBean.selectedCountries}" multiple="true" filter="true" filterMatchMode="startsWith">
				<f:selectItems value="#{componentSelectOneMenuBean.countries}" var="c" itemLabel="#{c.name}" itemValue="#{c}" />
			</p:selectCheckboxMenu>
			
			<p:outputLabel value="Chips"/>
			<p:chips value="#{componentSelectOneMenuBean.countryNames}" />
			
			<p:outputLabel value="Chips"/>
			<p:colorPicker value="#{componentSelectOneMenuBean.color}"/>
			
			
			<jtp:label entity="Date"/>
			<h:panelGroup styleClass="datePickerContainer jeesl-datepicker" layout="block" style="width: 100%">
				<p:calendar value="10.12.2024" showOn="button" pattern="dd.MM.yyyy"/>
			</h:panelGroup>