Dojoドラッグ・アンド・ドロップ

Question

ドラッグ・アンド・ドロップのためのjavascriptコードをdojoを使って書く必要があります。私に同じコードを含むリンクを提供してください。 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

ここでは例です：あなたはドラッグして別の容器に1つのコンテナから削除する場合：

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"); 

.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/

そして、私は、これはあなたが望むものであると思います。お楽しみください