Author: nbelaevski Date: 2008-12-04 14:02:04 -0500 (Thu, 04 Dec 2008) New Revision: 11568 Modified: trunk/samples/dragDropDemo/src/main/webapp/pages/index.jsp Log: https://jira.jboss.org/jira/browse/RF-961 Modified: trunk/samples/dragDropDemo/src/main/webapp/pages/index.jsp =================================================================== --- trunk/samples/dragDropDemo/src/main/webapp/pages/index.jsp 2008-12-04 18:52:08 UTC (rev 11567) +++ trunk/samples/dragDropDemo/src/main/webapp/pages/index.jsp 2008-12-04 19:02:04 UTC (rev 11568) @@ -33,48 +33,160 @@ <h:form id="form"> <h:selectOneRadio binding="#{skinBean.component}" /> <h:commandLink action="#{skinBean.change}" value="set skin" /> - - <h:panelGroup id="dragValueText"> - <h:outputText value="#{bean.dragValue}" /> - </h:panelGroup> - - <h:panelGrid columns="3"> - <h:dataTable var="type" value="#{bean.types}"> - <h:column> - <h:panelGrid styleClass="dropzoneDecoration" id="drop1"> - <h:outputText value="#{type} - drop" /> + </h:form> + <h:panelGrid columns="3"> + <h:form> + <fieldset> + <legend>Tables</legend> + + <h:panelGroup id="dragValueText"> + <h:outputText value="#{bean.dragValue}" /> + </h:panelGroup> - <dnd:dropSupport reRender="dragValueText" action="#{bean.dropAction}" acceptedTypes="#{type}" dropListener="#{bean.processDrop}" dropValue="#{type} - value"> - <a4j:actionparam value="#{type} - test drop param" assignTo="#{bean.testParam}" /> - </dnd:dropSupport> - </h:panelGrid> - </h:column> - </h:dataTable> - - <h:dataTable var="type" value="#{bean.types}"> - <h:column> - <h:panelGrid styleClass="dropzoneDecoration" id="drag1"> - <h:outputText value="#{type} - drag" /> + <h:panelGrid columns="3"> + <h:dataTable var="type" value="#{bean.types}"> + <h:column> + <h:panelGrid styleClass="dropzoneDecoration" id="drop1A"> + <h:outputText value="#{type} - drop" /> + + <dnd:dropSupport reRender="dragValueText" action="#{bean.dropAction}" acceptedTypes="#{type}" dropListener="#{bean.processDrop}" dropValue="#{type} - value"> + <a4j:actionparam value="#{type} - test drop param" assignTo="#{bean.testParam}" /> + </dnd:dropSupport> + </h:panelGrid> + </h:column> + </h:dataTable> + + <h:dataTable var="type" value="#{bean.types}"> + <h:column> + <h:panelGrid styleClass="dropzoneDecoration" id="drag1"> + <h:outputText value="#{type} - drag" /> + + <dnd:dragSupport dragType="#{type}" dragValue="#{type} - value" action="#{bean.dragAction}" dragListener="#{bean.processDrag}"> + <a4j:actionparam value="#{type} - test drag param" assignTo="#{bean.testParam}" /> + </dnd:dragSupport> + </h:panelGrid> + </h:column> + </h:dataTable> - <dnd:dragSupport dragType="#{type}" dragValue="#{type} - value" action="#{bean.dragAction}" dragListener="#{bean.processDrag}"> - <a4j:actionparam value="#{type} - test drag param" assignTo="#{bean.testParam}" /> - </dnd:dragSupport> - </h:panelGrid> - </h:column> - </h:dataTable> - - <h:dataTable var="type" value="#{bean.types}"> - <h:column> - <h:panelGrid styleClass="dropzoneDecoration" id="drop2"> - <h:outputText value="#{type} - drop" /> + <h:dataTable var="type" value="#{bean.types}"> + <h:column> + <h:panelGrid styleClass="dropzoneDecoration" id="drop1B"> + <h:outputText value="#{type} - drop" /> + + <dnd:dropSupport reRender="dragValueText" action="#{bean.dropAction}" acceptedTypes="#{type}" dropListener="#{bean.processDrop}" dropValue="#{type} - value"> + </dnd:dropSupport> + </h:panelGrid> + </h:column> + </h:dataTable> + </h:panelGrid> + </fieldset> + </h:form> + <h:form> + <fieldset> + <legend>Regions</legend> + + <h:panelGroup id="regionsDragValueText"> + <h:outputText value="#{bean.dragValue}" /> + </h:panelGroup> + <h:panelGrid columns="3"> + <h:dataTable var="type" value="#{bean.types}"> + <h:column> + <a4j:region> + <h:panelGrid styleClass="dropzoneDecoration" id="drop2A"> + <h:outputText value="#{type} - drop" /> + + <dnd:dropSupport ajaxSingle="true" reRender="regionsDragValueText" action="#{bean.dropAction}" acceptedTypes="#{type}" dropListener="#{bean.processDrop}" dropValue="#{type} - value"> + <a4j:actionparam value="#{type} - test drop param" assignTo="#{bean.testParam}" /> + </dnd:dropSupport> + </h:panelGrid> + </a4j:region> + </h:column> + </h:dataTable> + + <h:dataTable var="type" value="#{bean.types}"> + <h:column> + <a4j:region> + <h:panelGrid styleClass="dropzoneDecoration" id="drag2"> + <h:outputText value="#{type} - drag" /> + + <dnd:dragSupport ajaxSingle="true" dragType="#{type}" dragValue="#{type} - value" action="#{bean.dragAction}" dragListener="#{bean.processDrag}"> + <a4j:actionparam value="#{type} - test drag param" assignTo="#{bean.testParam}" /> + </dnd:dragSupport> + </h:panelGrid> + </a4j:region> + </h:column> + </h:dataTable> - <dnd:dropSupport reRender="dragValueText" action="#{bean.dropAction}" acceptedTypes="#{type}" dropListener="#{bean.processDrop}" dropValue="#{type} - value"> - </dnd:dropSupport> - </h:panelGrid> - </h:column> - </h:dataTable> - </h:panelGrid> + <h:dataTable var="type" value="#{bean.types}"> + <h:column> + <a4j:region> + <h:panelGrid styleClass="dropzoneDecoration" id="drop2B"> + <h:outputText value="#{type} - drop" /> + + <dnd:dropSupport ajaxSingle="true" reRender="regionsDragValueText" action="#{bean.dropAction}" acceptedTypes="#{type}" dropListener="#{bean.processDrop}" dropValue="#{type} - value"> + </dnd:dropSupport> + </h:panelGrid> + </a4j:region> + </h:column> + </h:dataTable> + </h:panelGrid> + </fieldset> + </h:form> + + <h:panelGroup> + <fieldset> + <legend>Forms</legend> + + <h:panelGroup id="formsDragValueText"> + <h:outputText value="#{bean.dragValue}" /> + </h:panelGroup> + <h:panelGrid columns="3"> + <h:dataTable var="type" value="#{bean.types}"> + <h:column> + <h:form> + <h:panelGrid styleClass="dropzoneDecoration" id="drag3A"> + <h:outputText value="#{type} - drop" /> + + <dnd:dropSupport ajaxSingle="true" reRender="formsDragValueText" action="#{bean.dropAction}" acceptedTypes="#{type}" dropListener="#{bean.processDrop}" dropValue="#{type} - value"> + <a4j:actionparam value="#{type} - test drop param" assignTo="#{bean.testParam}" /> + </dnd:dropSupport> + </h:panelGrid> + </h:form> + </h:column> + </h:dataTable> + + <h:dataTable var="type" value="#{bean.types}"> + <h:column> + <h:form> + <h:panelGrid styleClass="dropzoneDecoration" id="drag3"> + <h:outputText value="#{type} - drag" /> + + <dnd:dragSupport ajaxSingle="true" dragType="#{type}" dragValue="#{type} - value" action="#{bean.dragAction}" dragListener="#{bean.processDrag}"> + <a4j:actionparam value="#{type} - test drag param" assignTo="#{bean.testParam}" /> + </dnd:dragSupport> + </h:panelGrid> + </h:form> + </h:column> + </h:dataTable> + + <h:dataTable var="type" value="#{bean.types}"> + <h:column> + <h:form> + <h:panelGrid styleClass="dropzoneDecoration" id="drop3B"> + <h:outputText value="#{type} - drop" /> + + <dnd:dropSupport ajaxSingle="true" reRender="formsDragValueText" action="#{bean.dropAction}" acceptedTypes="#{type}" dropListener="#{bean.processDrop}" dropValue="#{type} - value"> + </dnd:dropSupport> + </h:panelGrid> + </h:form> + </h:column> + </h:dataTable> + </h:panelGrid> + </fieldset> + </h:panelGroup> + </h:panelGrid> + <h:form id="form2"> <dnd:dragIndicator id="indicator" acceptClass="accept" rejectClass="reject" style="width: 500px;"> <f:facet name="single"> <f:verbatim>