95 lines
2.6 KiB
Plaintext
95 lines
2.6 KiB
Plaintext
|
-------------------------------------------------------------------------------
|
||
|
|
dojox.mdnd Experimental coordinates based moveable drag and drop.
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
Version 1.1
|
||
|
|
Release date: 09/04/2009
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
Project state:
|
||
|
|
|
||
|
|
[AreaManager] beta
|
||
|
|
[AutoScroll] beta
|
||
|
|
[DropIndicator] beta
|
||
|
|
[Movable] beta
|
||
|
|
[PureSource] beta
|
||
|
|
[adapter/DndFromDojo] experimental
|
||
|
|
[adapter/DndToDojo] experimental
|
||
|
|
[dropMode/DefaultDropMode] beta
|
||
|
|
[dropMode/OverDropMode] experimental
|
||
|
|
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
Credits
|
||
|
|
|
||
|
|
Erwan Morvillez (emorvillez),
|
||
|
|
Jean-Jacques Patard (jjpatard),
|
||
|
|
Jeff Cunat (jfcunat)
|
||
|
|
|
||
|
|
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
Project description
|
||
|
|
|
||
|
|
Alternative Drag and Drop solution based on coordinates of drag element and
|
||
|
|
targets instead of mouseover. It allows dragging directly the nodes (like
|
||
|
|
dojo.dnd.Moveable) instead of an avatar (as in dojo.dnd). dojo.dnd and
|
||
|
|
dojox.mdnd are compatible by using adapters.
|
||
|
|
|
||
|
|
PureSource is just a rewrite of dojo.dnd.Source to only allow drag start and no
|
||
|
|
drop without testing acceptance.
|
||
|
|
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
Dependencies
|
||
|
|
|
||
|
|
require Dojo Core
|
||
|
|
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
Installation:
|
||
|
|
|
||
|
|
checkout:
|
||
|
|
|
||
|
|
http://svn.dojotoolkit.org/src/dojox/trunk/mdnd/
|
||
|
|
|
||
|
|
and require via:
|
||
|
|
dojo.require("dojox.mdnd.AreaManager");
|
||
|
|
|
||
|
|
-------------------------------------------------------------------------------
|
||
|
|
Basic Usage:
|
||
|
|
|
||
|
|
dojo.require("dojox.mdnd.AreaManager");
|
||
|
|
dojo.require("dojox.mdnd.DropIndicator");
|
||
|
|
dojo.require("dojox.mdnd.dropMode.DefaultDropMode");
|
||
|
|
|
||
|
|
var init = function(){
|
||
|
|
var m = dojox.mdnd.areaManager();
|
||
|
|
m.areaClass = "dndArea";
|
||
|
|
m.dragHandleClass = "dragHandle";
|
||
|
|
m.registerByClass();
|
||
|
|
};
|
||
|
|
|
||
|
|
dojo.addOnLoad(init);
|
||
|
|
|
||
|
|
...
|
||
|
|
|
||
|
|
<div style="position:absolute; top:80px; left:50px;">
|
||
|
|
<h2>Accepts Type1 items</h2>
|
||
|
|
<div class="dndArea container" accept="type1">
|
||
|
|
<div class="dndItem" dndType="type1">
|
||
|
|
<div class="dragHandle">Item Type 1</div>
|
||
|
|
<div>
|
||
|
|
<p>Proin aliquet accumsan nunc. Duis nec tortor.</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="dndItem simpleBlock" dndType="type2">
|
||
|
|
<div class="dragHandle">Item Type2</div>
|
||
|
|
<div>
|
||
|
|
<p>Proin aliquet accumsan nunc. Duis nec tortor.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div style="position:absolute; top:80px; left:350px;">
|
||
|
|
<h2>Accepts Type2 items</h2>
|
||
|
|
<div class="dndArea container" accept="type2">
|
||
|
|
</div>
|
||
|
|
</div>
|