Dojo拖放

Question

我迫切需要編寫一個使用dojo進行拖放的javascript代碼。請爲我提供包含正確代碼的鏈接。我只想要一個簡單的功能，可以將來自1個容器的物品放到另一個容器中。沒有裝飾。我已經看到了它，但沒有得到正確的結果。

Answer 1

看看http://www.sitepen.com/blog/2011/12/05/dojo-drag-n-drop-redux/

Answer 2

下面是一個例子：如果你想拖放裏的一個UL裏面你可以這樣做是這樣的： HTML：

<ul id="list"> 
    <li class="dojoDndItem">content</li> 
    <li class="dojoDndItem">content</li> 
    <li class="dojoDndItem">content</li> 
</ul> 

的JavaScript：

dojo.require("dojo.dnd.Source"); 

dojo.addOnLoad(function(){ 
    new dojo.dnd.Source("list"); 
});​ 

就是這樣。完成。這裏有一個jsfiddle的例子：http://jsfiddle.net/xFcuB/

你可以添加各種糖的東西。很多很多的信息在這裏：http://dojotoolkit.org/reference-guide/dojo/dnd.html#dojo-dnd

Answer 3

下面是一個例子：如果你想將它從一個容器拖放到另一個容器：

HTML

<div dojoType="dojo.dnd.Source" id="listNode" class="container1"> 
    <div dojoType="dojo.dnd.Source" class="dojoDndItem movableContainer">A container</div> 
    <div class="dojoDndItem">Item 1</div> 
    <div class="dojoDndItem">Item 2</div> 
    <div class="dojoDndItem">Item 3</div> 
</div> 
<br> 
<div dojoType="dojo.dnd.Source" class="container1"> 
</div> 

的JavaScript

dojo.require("dojo.dnd.Source"); 

CSS

.dojoDndItem { padding:3px; } 
.movableContainer { border: 1px solid #aaa; } 
.movableContainer div { margin-left: 5em; } 
.container1 { border-radius: 8pt 8pt 8pt 8pt; border:1px solid #aaa; padding: 1em 3em; cursor: pointer; } 
.container2 {position:inherit;border-radius: 8pt 8pt 8pt 8pt; border:1px solid #aaa; padding: 1em 3em;cursor: pointer; } 
#listNode { background: #ddd; } 

而且你是done.That是在magic.Here的一個的jsfiddle例如：http://jsfiddle.net/V5yBs/

我希望這是你想要的。享受