01: <?xml version="1.0" encoding="UTF-8"?>
02: <html xmlns="http://www.w3.org/1999/xhtml"
03:    xmlns:f="http://java.sun.com/jsf/core"
04:    xmlns:h="http://java.sun.com/jsf/html">
05:    <h:head>
06:       <title>The multizone AJAX application</title>
07:    </h:head>
08:    <h:body>
09:       <h:form>
10:          <p>
11:             Enter city:
12:             <h:inputText id="input" value="#{timeZoneBean.cityToAdd}"/>
13:          </p>
14:          <p>
15:             <h:commandButton value="Submit" 
16:                   action="#{timeZoneBean.addCity}">
17:               <f:ajax execute="input" render="list input"/>
18:             </h:commandButton>
19:          </p>
20:          <p>
21:             <h:selectOneRadio id="list" value="#{timeZoneBean.cityToRemove}"
22:                layout="pageDirection">
23:                <f:selectItems id="items" value="#{timeZoneBean.citiesAndTimes}"/>
24:             </h:selectOneRadio>
25:          </p>
26:          <p>
27:             <h:commandButton value="Remove selected" 
28:                   action="#{timeZoneBean.removeCity}">
29:               <f:ajax execute="list" render="list"/>
30:             </h:commandButton>
31:          </p>
32:       </h:form>
33:    </h:body>
34: </html>