[
https://issues.jboss.org/browse/RF-10947?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12626160#comment-12626160
]
Richard Wähner commented on RF-10947:
-------------------------------------
I've written a small example to demonstrate the issue.
{code:title=DragAndDrop.xhtml|borderStyle=solid}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";
xmlns:h="http://java.sun.com/jsf/html";
xmlns:f="http://java.sun.com/jsf/core";
xmlns:a4j="http://richfaces.org/a4j";
xmlns:rich="http://richfaces.org/rich";>
<h:head>
<title>Homepage</title>
</h:head>
<h:body>
<h:form>
<a4j:commandButton value="Render"
action="#{dataprovider.setVisible}" render="@form"/>
<br/>
<h:panelGrid columns="2" width="100%" id="dragDrop"
rendered="#{dataprovider.render()}">
<rich:panel style="width:133px">
<f:facet name="header">
<h:outputText value="Source List" />
</f:facet>
<h:dataTable id="srcTable" columns="1"
value="#{dataprovider.unassigned}" var="fm">
<h:column>
<a4j:outputPanel>
<rich:dragSource type="dragType" dragValue="#{fm}"
/>
<h:outputText value="#{fm.name}"></h:outputText>
</a4j:outputPanel>
</h:column>
</h:dataTable>
</rich:panel>
<rich:panel>
<f:facet name="header">
<h:outputText value="Target List" />
</f:facet>
<rich:dropTarget acceptedTypes="dragType"
dropValue="unassigned" render="targetTable, srcTable" />
<h:dataTable id="targetTable" columns="1"
value="#{dataprovider.assigned}" var="fm">
<h:column>
<h:outputText value="#{fm.name}"></h:outputText>
</h:column>
</h:dataTable>
</rich:panel>
</h:panelGrid>
</h:form>
</h:body>
</html>
{code}
Rerendering produces no new html code.
HTML code before and after rerendering:
{code}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";><head>
<title>Homepage</title><link type="text/css" rel="stylesheet"
href="/DragAndDrop/faces/rfRes/skinning.ecss?db=eAFLq7x7HgAFkAKM" /><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/jsf.js?ln=javax.faces&stage=Development"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/jquery.js"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/richfaces.js"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/richfaces-queue.js"></script><link
type="text/css" rel="stylesheet"
href="/DragAndDrop/faces/rfRes/panel.ecss?db=eAFLq7x7HgAFkAKM&ln=org.richfaces"
/></head><body>
<form id="j_idt6" name="j_idt6" method="post"
action="/DragAndDrop/faces/index.xhtml"
enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt6" value="j_idt6" />
<input id="j_idt6:j_idt7" name="j_idt6:j_idt7"
onclick="RichFaces.ajax("j_idt6:j_idt7",event,{"incId":"1"}
);return false;" value="Render" type="submit" />
<br /><input type="hidden" name="javax.faces.ViewState"
id="javax.faces.ViewState" value="9190928830501584140:-730868217844963347"
autocomplete="off" />
</form></body>
</html>
{code}
The HTML code should look like this after button was clicked:
{code}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";><head>
<title>Homepage</title><link type="text/css" rel="stylesheet"
href="/DragAndDrop/faces/rfRes/skinning.ecss?db=eAFLq7x7HgAFkAKM" /><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/jsf.js?ln=javax.faces&stage=Development"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/jquery.js"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/richfaces.js"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/richfaces-queue.js"></script><link
type="text/css" rel="stylesheet"
href="/DragAndDrop/faces/rfRes/panel.ecss?db=eAFLq7x7HgAFkAKM&ln=org.richfaces"
/></head><body>
<form id="j_idt6" name="j_idt6" method="post"
action="/DragAndDrop/faces/index.xhtml"
enctype="application/x-www-form-urlencoded">
<input type="hidden" name="j_idt6" value="j_idt6" />
<input id="j_idt6:j_idt7" name="j_idt6:j_idt7"
onclick="RichFaces.ajax("j_idt6:j_idt7",event,{"incId":"1"}
);return false;" value="Render" type="submit" />
<br /><table id="j_idt6:dragDrop" width="100%">
<tbody>
<tr>
<td><div class="rf-p " id="j_idt6:j_idt9" style="width:133px"><div
class="rf-p-hdr " id="j_idt6:j_idt9_header">Source List</div><div class="rf-p-b
" id="j_idt6:j_idt9_body"><table id="j_idt6:srcTable">
<tbody>
<tr>
<td><span id="j_idt6:srcTable:0:j_idt12">Daniel</span></td>
</tr>
<tr>
<td><span id="j_idt6:srcTable:1:j_idt12">Peter</span></td>
</tr>
</tbody>
</table>
</div></div></td>
<td><div class="rf-p " id="j_idt6:j_idt15"><div class="rf-p-hdr "
id="j_idt6:j_idt15_header">Target List</div><div class="rf-p-b "
id="j_idt6:j_idt15_body"><table id="j_idt6:targetTable">
<tbody>
<tr>
<td>Franz</td>
</tr>
<tr>
<td>Christin</td>
</tr>
</tbody>
</table>
</div></div></td>
</tr>
</tbody>
</table>
<input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState"
value="-4097672622419417816:-8071100684377869057" autocomplete="off" />
</form><script type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/jquery.position.js"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/richfaces-base-component.js"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/richfaces-event.js"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/jquery-ui-core.js?ln=org.richfaces"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/jquery-dnd.js?ln=org.richfaces"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/dnd-draggable.js?ln=org.richfaces"></script><script
type="text/javascript"
src="/DragAndDrop/faces/javax.faces.resource/dnd-droppable.js?ln=org.richfaces"></script><script
type="text/javascript">$(document).ready(function() {
new
RichFaces.ui.Draggable("j_idt6:srcTable:0:j_idt13",{"parentId":"j_idt6:srcTable:0:j_idt12","indicator":null,"type":"dragType"}
)
new
RichFaces.ui.Draggable("j_idt6:srcTable:1:j_idt13",{"parentId":"j_idt6:srcTable:1:j_idt12","indicator":null,"type":"dragType"}
)
new
RichFaces.ui.Droppable("j_idt6:j_idt17",{"parentId":"j_idt6:j_idt15","ajaxFunction":function(event,dragSourceId){RichFaces.ajax(event["target"],event,{"parameters":{"dragSource":dragSourceId,"j_idt6:j_idt17":"j_idt6:j_idt17","org.richfaces.ajax.component":"j_idt6:j_idt17"}
,"incId":"1"} )},"acceptedTypes":["dragType"] } )
});
</script></body>
</html>
{code}
Richard
> rich:dragSource doesn't work after being rerendered via ajax
> ------------------------------------------------------------
>
> Key: RF-10947
> URL: https://issues.jboss.org/browse/RF-10947
> Project: RichFaces
> Issue Type: Bug
> Security Level: Public(Everyone can see)
> Components: component-drag/drop
> Affects Versions: 4.0.0.Final
> Environment: mojarra 2.1.1 gf3.1
> Reporter: Adrian Meredith
> Labels: draganddrop
> Fix For: 4.1.0.Tracking
>
>
> Drag Source is not applied
> using the following code in a composite component
> {code}
> <a4j:outputPanel layout="block" styleClass="rf-ind-drag" >
> <rich:dragSource type="webResult" dragValue="1"/>
> <h:outputText value="works"></h:outputText>
> </a4j:outputPanel>
> <h:panelGroup id="content" layout="block" rendered="#{cc.attrs.rendered}"
> style="width: 100%; height:100%;">
> <a4j:outputPanel layout="block" styleClass="rf-ind-drag" >
> <rich:dragSource type="webResult" dragValue="1"/>
> <h:outputText value="doesn't work"></h:outputText>
> </a4j:outputPanel>
> ...
> {code}
> Basically the panel at the top is draggable, the one at the bottom (which is
> below the panelGroup) is not. Looking at the source its as though dragSource
> isn't even there as it is rendered without any reference to it (i.e. no
> ui-draggable class for example).
> Drag and drop support was the main reason i'm using richfaces! so its very
> important to me as i one to drag rows from our table widget onto another
> panel for quick tagging of results. Unfortunately I'm gonna be away for the
> next two weeks but It'd be good to get more information on it.
--
This message is automatically generated by JIRA.
For more information on JIRA, see: http://www.atlassian.com/software/jira
_______________________________________________
richfaces-issues mailing list
[email protected]
https://lists.jboss.org/mailman/listinfo/richfaces-issues
