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>