Java class associated with a page or component

"Backing Bean"

"Component Class"

Component attributes/parameters

"attributes"

"parameters"

HTML Attribute used for invisible instrumentation

jsfc="someComponentType"

t:type="someComponentType"

CSS "class" attribute name

styleClass

class

Alternating "zebra" striped rows

rowclasses="class1,class2"

class="${cycle:class1,class2}" using cycle binding prefix, or with CSS: .rowClass:nth-child(even) {background-color: #e8e8e8;}

Escaped HTML from property

<h:outputText value="myBean.myValue"/>

${myValue}

Raw HTML from property

#{myBean.myValue}

<t:outputRaw value="myValue"/>

Error messages

<h:message> and <h:messages>

<t:error> and <t:errors> (for forms) or <t:alerts>

Image display

<h:graphicImage>

use standard <img> tag, but see Assets

Render-time loop

<ui:repeat>

<t:loop>

Compile-time loop

<c:forEach>

<t:loop>

Conditional

<c:if test="#{myBean.myValue}">

<t:if test="myValue">

Conditional

<ui:fragment rendered="#{myBean.someCondition}"/>...</ui:fragment>

<t:if test="someCondition">...</t:if>

Switch

<c:choose><c:when ... ></c:choose>

See Switching Cases

Server-side comment

<ui:remove>

<t:remove>

Navigational link

<h:link outcome="nextpage.xhtml"/>

<t:pagelink page="nextpage"/>

Event-triggering link, without form submission

not available

<t:actionLink> or <t:eventLink>

Form submission link

<h:commandLink>

<t:linkSubmit>

Form submission button

<h:commandButton>

<t:submit>

Link to Javascript file

<h:outputScript>

<script> or use @Import in component class

Link to CSS file

<h:outputStylesheet>

<style> or use @Import in component class

Tabular data in <table>

<h:datatable>

<t:grid>

Table used for layout

<h:panelGrid> with <h:panelGroup>

use standard <table> tag

Hierarchical tree

depends on component library

<t:tree>

Form

<h:form>

<t:form>

Single-line text input field

<h:inputText>

<t:textField>

Password field

<h:inputSecret>

<t:passwordfield>

Select menu

<h:selectOneMenu>

<t:select>

Checkbox

<h:selectBooleanCheckbox>

<t:checkbox>

Checkbox list

<h:selectManyCheckbox>

<t:checklist>

Radio button list

<h:selectOneRadio>

<t:radioGroup> with <t:radio>

Multiple select menu

<h:selectManyListbox>

not available (but see Palette and Checklist)

Hidden field

<h:inputHidden>

<t:hidden>

textarea tag

<h:inputTextarea>

<t:textArea>

Label tag

<h:outputLabel for="...">

<t:label for="...">

Property (calls getEmployeeName() or setEmployeeName())

#{employeeBean.employeeName}

${employeeName}

Boolean property (calls isHourly() or setHourly())

#{employeeBean.hourly}

${hourly}

Property chain

#{employeeBean.address.street}

${address.street}

Null-safe property chain

#{employeeBean.address.street}

${address?.street}

5th element in a List

#{employeeBean.employees[5].name}

${employees.get(5).name}

Negation

#{! employeeBean.hourly}

${! hourly}

Arithmetic & relational operators

+-*/% div mod

not available

Relational operators

== != ne < lt > gt <= le >= ge

not available

Ternary operator

#{myBean.foo < 0 ? 'bar' : 'baz'}

not available

Method calling

#{myBean.employees.size()}

${employees.size()}

Iterated Range

not avaialble

${1..10}

Iterated Range (calculated)

not avaialble

${1..groupList.size()}

List

not available

${ [ user.name, user.email, user.phone ] }

Map

not available

${ { 'id':'4039','type':'hourly' } }