Author: abelevich Date: 2010-11-29 13:38:41 -0500 (Mon, 29 Nov 2010) New Revision: 20211 Modified: sandbox/trunk/examples/dnd-demo/src/main/java/org/demo/DataBean.java sandbox/trunk/examples/dnd-demo/src/main/webapp/examples/dnd.xhtml Log: extend demo Modified: sandbox/trunk/examples/dnd-demo/src/main/java/org/demo/DataBean.java =================================================================== --- sandbox/trunk/examples/dnd-demo/src/main/java/org/demo/DataBean.java 2010-11-29 18:25:10 UTC (rev 20210) +++ sandbox/trunk/examples/dnd-demo/src/main/java/org/demo/DataBean.java 2010-11-29 18:38:41 UTC (rev 20211) @@ -1,5 +1,8 @@ package org.demo; +import java.util.ArrayList; +import java.util.List; + import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; @@ -9,7 +12,52 @@ @SessionScoped public class DataBean { + private List<String> dropValues = new ArrayList<String>(); + + private String dragValue1 = "dragValue 1"; + + private String dragValue2 = "dragValue 3"; + + private String dragValue3 = "dragValue 3"; + + + public List<String> getDropValues(){ + return dropValues; + } + + public String getDragValue1() { + return dragValue1; + } + + public void setDragValue1(String dragValue1) { + this.dragValue1 = dragValue1; + } + + public String getDragValue2() { + return dragValue2; + } + + public void setDragValue2(String dragValue2) { + this.dragValue2 = dragValue2; + } + + public String getDragValue3() { + return dragValue3; + } + + public void setDragValue3(String dragValue3) { + this.dragValue3 = dragValue3; + } + + public void setDropValues(List<String> dropValues){ + this.dropValues = dropValues; + } + public void processEvent(DropEvent event) { + String value = (String)event.getDragValue(); + dropValues.add(value); System.out.println("DataBean.processEvent()"); } + + } Modified: sandbox/trunk/examples/dnd-demo/src/main/webapp/examples/dnd.xhtml =================================================================== --- sandbox/trunk/examples/dnd-demo/src/main/webapp/examples/dnd.xhtml 2010-11-29 18:25:10 UTC (rev 20210) +++ sandbox/trunk/examples/dnd-demo/src/main/webapp/examples/dnd.xhtml 2010-11-29 18:38:41 UTC (rev 20211) @@ -15,6 +15,7 @@ height: 200px; width: 200px; background-color: yellow; + overflow: auto; } .draggable { @@ -51,30 +52,33 @@ <h:body> <h:form> <dnd:dragIndicator id="ind" styleClass="rf-ind" acceptClass="rf-ind-acp" rejectClass="rf-ind-rej" /> + <table> <tr> - <td><a4j:outputPanel id="drg1" layout="block" - styleClass="draggable"> - <dnd:dragBehavior event="mouseover" type="drg1" indicator="ind" /> + <td><a4j:outputPanel id="drg1" layout="block" styleClass="draggable"> + <h:outputText value="#{dataBean.dragValue1}"/> + <dnd:dragBehavior event="mouseover" type="drg1" dragIndicator="ind" dragValue="#{dataBean.dragValue1}"/> </a4j:outputPanel></td> - <td><a4j:outputPanel id="drg2" layout="block" - styleClass="draggable"> - <dnd:dragBehavior event="mouseover" type="drg2" indicator="ind" /> + <td><a4j:outputPanel id="drg2" layout="block" styleClass="draggable"> + <h:outputText value="#{dataBean.dragValue2}"/> + <dnd:dragBehavior event="mouseover" type="drg2" dragIndicator="ind" dragValue="#{dataBean.dragValue2}"/> </a4j:outputPanel></td> - <td><a4j:outputPanel id="drg3" layout="block" - styleClass="draggable"> - <dnd:dragBehavior event="mouseover" type="drg3" indicator="ind" /> + <td><a4j:outputPanel id="drg3" layout="block" styleClass="draggable"> + <h:outputText value="#{dataBean.dragValue3}"/> + <dnd:dragBehavior event="mouseover" type="drg3" dragIndicator="ind" dragValue="#{dataBean.dragValue3}"/> </a4j:outputPanel></td> </tr> </table> + <a4j:outputPanel id="drp" layout="block" styleClass="droppable"> - <dnd:dropBehavior event="mouseover" acceptType="drg1, drg2" dropListener="#{dataBean.processEvent}"></dnd:dropBehavior> - <a4j:ajax event="click"/> + <dnd:dropBehavior event="mouseover" acceptedTypes="drg1, drg2" listener="#{dataBean.processEvent}" render="grid"></dnd:dropBehavior> + <h:dataTable id="grid" var="dropValue" value="#{dataBean.dropValues}"> + <h:column> + <h:outputText value="#{dropValue}"/> + </h:column> + </h:dataTable> </a4j:outputPanel> - - <h:inputText > - </h:inputText> </h:form> </h:body> </html> \ No newline at end of file