HTML and CSS Reference
In-Depth Information
public void setName(String name) { = name;
public long getPopulation() {
return population;
public void setPopulation(long population) {
this.population = population;
Listing 9-6 shows the complete code of the Country Navigator application page which consolidates ring
component with the "details" panel part.
Listing 9-6. Country Navigator Application Page Code
<html xmlns=" "
xmlns:h=" "
xmlns:f=" "
xmlns:ui=" "
xmlns:p=" " >
<title>Welcome to the Country Navigator</title>
<h:outputStylesheet library="css" name="countryNavigator.css" />
<h:form id="form">
<h2>Click on a country to get its details</h2>
<p:ring id="custom" value="#{countryNavigator.countries}" var="country"
styleClass="image-ring" easing="swing">
<p:commandLink update=":form:detail">
<p:graphicImage value="/images/#{}.gif"
styleClass="flagIcon" />
<f:setPropertyActionListener value="#{country}"
activeCountry}" />
<p:outputPanel id="detail" styleClass="detailsPanel" layout="block">
<p:dataTable var="city" value="#{countryNavigator.activeCountry.cities}"
rendered="#{countryNavigator.activeCountry ne null}">
<f:facet name="header">
Search WWH ::

Custom Search