Drag and Drop Long time to start
Hi all,
I need your help!
I'm working with richfaces Drag and Drop and I've got a problem.
When I try to use the drag, He works after the third experimental event.
During the 2 first experimental, nothing happen.
As anybody has known about this problem?
This is my code :
<h:form>
<h:panelGrid columns="3" columnClasses="gridContent">
<rich:panel bodyClass="bodyClass1">
<f:facet name="header">
<h:outputText value="Learning Plan Creation" />
</f:facet>
<rich:dropSupport id="drop" acceptedTypes="Course" dropValue="text"
dropListener="#{eventBean.processDrop}" reRender="ec, lp" >
</rich:dropSupport>
<rich:dataTable id="lp" width="450" value="#{BeansPageCreationDD.list}" var="val2" onRowMouseOver="this.style.backgroundColor='#F1F1F1'" onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" columnClasses="col">
<f:facet name="header">
<h:outputText styleClass="textee2" value="Courses " />
</f:facet>
<h:column>
<h:graphicImage value="/Images/icons/imgmenu.gif" />
<rich:spacer width="10"/>
<h:outputText styleClass="textee2" value="#{val2.name}" />
</h:column>
</rich:dataTable>
</rich:panel>
<rich:spacer width="40"/>
<rich:panel bodyClass="bodyClass1">
<f:facet name="header">
<h:outputText value="Existing Courses" />
</f:facet>
<h:panelGrid columns="1">
<rich:dataTable id="ec" width="400" value="#{BeansPageCreationDD.list2Trie}" rows="10" var="val" onRowMouseOver="this.style.backgroundColor='#F1F1F1'" onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'" columnClasses="col">
<f:facet name="header">
<rich:columnGroup>
<rich:column >
<h:outputText styleClass="textee2" value="Courses" />
</rich:column>
<rich:column>
<h:outputText styleClass="textee2" value="Code" />
</rich:column>
</rich:columnGroup>
</f:facet>
<h:column >
<h:panelGrid columns="3">
<h:graphicImage value="/Images/icons/imgmenu.gif" />
<rich:spacer width="10"/>
<a4j:outputPanel layout="block">
<rich:dragSupport dragIndicator=":indicator" dragType="Course" dragValue="#{val}">
<rich:dndParam name="label" value="#{val.name}" />
</rich:dragSupport>
<h:outputText styleClass="textee2" value="#{val.name}" />
</a4j:outputPanel>
</h:panelGrid>
</h:column>
<h:column>
<rich:spacer width="20"/>
<h:graphicImage value="/Images/icons/link.gif"/>
<rich:spacer width="10"/>
<h:outputText styleClass="textee2" value=" #{val.courseCode} " />
</h:column>
</rich:dataTable>
<rich:spacer height="15"/>
<rich:datascroller for="ec" maxPages="8" />
</h:panelGrid>
</rich:panel>
</h:panelGrid>
</h:form>