12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 |
- -------------------------------------------------------------------------------
- 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>
|