Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Fetching latest commit…

Cannot retrieve the latest commit at this time

..
Failed to load latest commit information.
adapter
dropMode
resources
tests
AreaManager.js
AutoScroll.js
DropIndicator.js
LazyManager.js
Moveable.js
PureSource.js
README

README

-------------------------------------------------------------------------------
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>
Something went wrong with that request. Please try again.