Opened 12 years ago
Closed 12 years ago
#4840 closed enhancement (fixed)
problem in Drag and Drop on click of top menu bar
| Reported by: | guest | Owned by: | Eugene Lazutkin |
|---|---|---|---|
| Priority: | high | Milestone: | 1.0 |
| Component: | DnD | Version: | 0.9 |
| Keywords: | Drag and Drop on click of top menu bar | Cc: | eugene |
| Blocked By: | Blocking: |
Description
I have installed Dojo "dojo-release-0.9.0" version. I want to use Drag and Drop functionality of Dojo. I have used code related to "http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo/drag-and-drop/beautification" example. As per this example the Drag and Drop is working fine onclick of anywhere on red/blue ball area. But my requiremnet is little different which is as follows : I am having top level menu bar for each and every red/blue ball and I want to drag and drop only on click of that top level menu bar Section , not on onClick of anywhere on red/blue ball area. Can anybody help. I am facing one more problem while drag and drop from any section(for ex source) to other section ( for ex: target 1 , target 2) the most of the part of page is getting selected. code used is as follows: <HEAD> <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <META name="GENERATOR" content="IBM WebSphere? Studio"> <TITLE>dndSample4.html</TITLE> <style type="text/css">
.target {border: 1px dotted gray; width: 300px; height: 300px;padding: 5px;
-moz-border-radius:8pt 8pt;radius:8pt;}
.source {border: 1px dotted skyblue;height: 200px; width: 300px;
-moz-border-radius:8pt 8pt;radius:8pt;}
.dojoDndItemOver {background: #feb;border: 1px dotted gray; } .dojoDndItemBefore {border-left: 2px dotted gray; } .dojoDndItemAfter {border-right: 2px dotted gray; } .target .dojoDndItemAnchor {border:1px solid gray;} .dojoDndAvatar {font-size: 75%; color: black;} .dojoDndAvatar td {padding-left: 20px; padding-right: 4px;height:20px} .dojoDndAvatarHeader {background: #ccc; background-repeat: no-repeat;} .dojoDndAvatarItem {background: #eee;} .dojoDndMove .dojoDndAvatarHeader {background-image: url(images/dndNoMove.png);} .dojoDndMove .dojoDndAvatarCanDrop .dojoDndAvatarHeader {background-image:
url(images/dndMove.png);}
</style> <script type="text/javascript" src="../../dojo/dojo.js" djConfig="parseOnLoad: true"> </script> <script type="text/javascript"> dojo.require("dojo.dnd.source"); dojo.require("dojo.parser"); </script> </HEAD> <BODY>
<table width="100%" border="1px" cellpadding="4" cellspacing="4"> <tR><td width="15%"> <div dojoType="dojo.dnd.Source" jsId="shelf" class="source" id="source1" accept="red,blue" singular=false>
<table border="1 px solid blue" id='twoTb' class="dojoDndItem" dndType="blue" dndData="" title="" >
<tr><td width="130px" style="background-color:skyblue"> <b>Top Menu Bar </b></td></tR> <tr><td >
<div id="l1" class="DIVcontainer" >
<div class="DIVinner" >
<table><tr><td>
Test data1<br>Test data2<br>Test data3
<img src="RED.png" />
</td></tr></table>
</div>
</div>
</td></tr>
</table>
</div> </td>
<td > <div dojoType="dojo.dnd.Source" jsId="cart" class="target" accept="red,blue" id="target1" >
</div>
</td> </tr></table>
</BODY>
Change History (2)
comment:1 Changed 12 years ago by
| Milestone: | → 1.0 |
|---|---|
| Priority: | highest → normal |
| severity: | major → normal |
| Status: | new → assigned |
comment:2 Changed 12 years ago by
| Resolution: | → fixed |
|---|---|
| Status: | assigned → closed |
(In [11082]) dnd: implemented optional drag handles for DnD items, added a test demonstrating the usage, fixes #4840, thx manishaNC for the suggestion.