HTML and CSS Reference
In-Depth Information
<f:facet name="header">
<h:outputText value="Places" />
</f:facet>
<h:dataTable id="places" columns="1"
value="#{rightCountry.places}"
var="place" footerClass="footerClass">
<h:column>
<a4j:outputPanel styleClass="placesContainer"
layout="block">
<rich:dragSource type="#{place.country}"
dragValue="#{place}"
dragIndicator="ind"/>
<h:outputText value="#{place.name}"></h:outputText>
</a4j:outputPanel>
</h:column>
</h:dataTable>
</rich:panel>
<rich:panel styleClass="dropTargetPanel">
<f:facet name="header">
<h:outputText value="Egypt" />
</f:facet>
<rich:dropTarget acceptedTypes="Egypt" dropValue="Egypt"
dropListener="#{rightCountry.processDrop}"
render="places, egyptPlaces, germanyPlaces, brazilPlaces"/>
<h:dataTable id="egyptPlaces" columns="1"
value="#{rightCountry.egyptPlaces}"
var="place" footerClass="footerClass">
<h:column>
<h:outputText value="#{place.name}"></h:outputText>
</h:column>
</h:dataTable>
</rich:panel>
<rich:panel styleClass="dropTargetPanel">
<f:facet name="header">
<h:outputText value="Germany" />
</f:facet>
<rich:dropTarget acceptedTypes="Germany" dropValue="Germany"
dropListener="#{rightCountry.processDrop}"
render="places, egyptPlaces, germanyPlaces, brazilPlaces"/>
