Javascript Dojo拖放

我迫切需要使用dojo编写一个用于拖放的javascript代码。请为我提供包含正确代码的链接。我只想要一个简单的功能，即从一个容器中的项目可以放到另一个容器中的项目。没什么装饰性的。我看了一下，但没有弄好。

看一看下面的例子：如果你想在ul中拖放李的内容，你可以这样做： HTML:

就这样。完成。下面是一个JSFIDLE示例：

---

你可以把各种各样的糖加到食物里。这里有更多信息：

这里有一个示例：如果您想从一个容器拖放到另一个容器：

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>

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; }

您的任务完成了。这就是神奇之处。下面是一个JSFIDLE示例：

---

我希望这就是你想要的。享受

谢谢你的邀请。。它真的很管用。。你能建议我从一个容器中拖动一个特定的项目（图像、文本或任何内容）并将其放到另一个容器中吗？像这里一样，我们只遍历列表中的项。我想让它从一个容器移动到另一个容器？谢谢。嗨，谢谢你的小提琴。我增加了它以添加一个

目标

。并将项目动态插入现有源：@AnatoliyArkhipov如何将代码添加到模板化小部件？基本上是将项目拖放到另一个小部件？我试过了，但有些地方不对劲——你是说Javascript还是Java？JSP实际上代表JavaServerPages，这与javascript不同。

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

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; }