11 Replies Latest reply on Oct 25, 2012 11:02 AM by arli

    rich:dragSource, doesn't work at all

    arli Newbie

      Hi!

        I faced with a problem with drag&drop on richfaces 4.2.2.Final

       

      I tried to run showcase example of drag and drop, but it doesn't work at all. I noticed that no javascript calls like

      generates in html when on example page everything works fine.

      No errors. nothing. Just doesn't work.

       

      here is xhtml code

       

      <?xml version="1.0" encoding="UTF-8"?>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                template="/templates/template.xhtml">
      
                     <ui:define name="content">
      
                  <div class="grid_12">
                  <div class="oldBrowser" style="display: none">You are using an old version of IE, you should change
                      your browser ASAP!</div>
      
      
          <h:form id="form">
      
              <h:panelGrid columnClasses="panelc valign, valign, valign, valign" columns="4" width="100%">
      
                  <rich:panel style="width:133px">
                      <f:facet name="header">
                          <h:outputText value="Source List" />
                      </f:facet>
                      <h:dataTable id="src" columns="1" value="#{dragDropBean.source}" var="fm" footerClass="footerClass">
                          <h:column>
                              <a4j:outputPanel layout="#{dragDropBean.lay}" styleClass="rf-ind-drag">
                                  <rich:dragSource type="#{fm.family}" dragValue="#{fm}" />
                                  <h:outputText value="#{fm.name}"></h:outputText>
                              </a4j:outputPanel>
                          </h:column>
                          <f:facet name="footer">
                              <a4j:commandButton action="#{dragDropBean.reset}" value="Start Over"
                                  render="src,phptable,cftable,dnettable" />
                          </f:facet>
                      </h:dataTable>
                  </rich:panel>
                  <rich:panel styleClass="dropTargetPanel">
                      <f:facet name="header">
                          <h:outputText value="PHP Frameworks" />
                      </f:facet>
                      <rich:dropTarget acceptedTypes="php" dropValue="PHP" dropListener="#{dragDropEventBean.processDrop}"
                          render="phptable, src" />
      
                      <h:dataTable id="phptable" columns="1" value="#{dragDropBean.targetPHP}" var="fm">
                          <h:column>
                              <h:outputText value="#{fm.name}"></h:outputText>
                          </h:column>
                      </h:dataTable>
                  </rich:panel>
                  <rich:panel styleClass="dropTargetPanel">
                      <f:facet name="header">
                          <h:outputText value=".NET Frameworks" />
                      </f:facet>
                      <rich:dropTarget acceptedTypes="dotNet" dropValue="DNET" dropListener="#{dragDropEventBean.processDrop}"
                          render="dnettable, src" />
                      <h:dataTable id="dnettable" columns="1" value="#{dragDropBean.targetDotNet}" var="fm">
                          <h:column>
                              <h:outputText value="#{fm.name}"></h:outputText>
                          </h:column>
                      </h:dataTable>
                  </rich:panel>
                  <rich:panel styleClass="dropTargetPanel">
                      <f:facet name="header">
                          <h:outputText value="ColdFusion Frameworks" />
                      </f:facet>
                      <rich:dropTarget acceptedTypes="cf" dropValue="CF" dropListener="#{dragDropEventBean.processDrop}"
                          render="cftable, src" />
      
                      <h:dataTable id="cftable" columns="1" value="#{dragDropBean.targetCF}" var="fm">
                          <h:column>
                              <h:outputText value="#{fm.name}"></h:outputText>
                          </h:column>
                      </h:dataTable>
                  </rich:panel>
              </h:panelGrid>
          </h:form>
          <a4j:outputPanel ajaxRendered="true">
              <h:messages></h:messages>
          </a4j:outputPanel>
      </div>
                </ui:define>
      </ui:composition>
      
      

       

       

       

      help me please.