Radio

Radiobutton group with a label. The last item is disabled. Also the label set on top with the labelLayout attribute.

<tc:selectOneRadio label="Radio Group" labelLayout="top"/>

Radio Group

Sun

Moon

Stars

Read Only

Sun

Moon

Stars

Disabled

Sun

Moon

Stars

To display the radio buttons horizontally use the inline="true" attribute.

Radio Group

Sun

Moon

Stars

Add number1 to number2 or subtract number2 from number1.

The radiobuttons are hardcoded with <tc:selectItem itemLabel="1" itemValue="1"/>. The buttons trigger an action in the controller: <tc:button label="Addition" action="#{selectOneRadioController.add}"/>

Number 1

1

2

4

Number 2

1

2

4

Result0AdditionSubtraction

Select a planet on the left. One the right side, you can select one of the moons.

The planets are added with <f:selectItems value="#{selectOneRadioController.planets}"/>. The radiogroup of the planets also contain a <f:ajax render="moonradio"> element, which allows to rerender the radiogroup with the ID 'moonradio' every time, the value changed in the planet-radiogroup.

Planet

Earth

Mars

Jupiter

Moon

Moon

Work in progress! Decoding and validation is case of "group" is not implemented yet.

First and second giant planets:

Jupiter

Saturn

Discovered 1781:

Uranus

Discovered 1846:

Neptune

SubmitSelected:

Attention! This example is only temporary for testing purpose. Does not currently work with Mojarra or MyFaces, but for different reasons.

Mercury

Venus

Earth

Mars

SubmitSelected: