使用dojo移动和重新排序div

Question

我有一个包含多个子div的父div。

我想允许用户移动任何子div并移动它以使用dojo对父级内的div重新排序。

任何人都知道准备好的样本来做到这一点。

Answer 1

使用dojo/dnd/Source可以解决问题，只需创建一个父div，其中包含应包含dojoDndItem类的子div，

最终实例化父div上的Source

＆＃13;

＆＃13;

require(["dojo/dnd/Source",
  "dojo/domReady!"
], function(Source) {
		var source =new Source("container");
});

＆＃13;

.dojoDndItem {
  border:1px solid black;
  padding : 5px 0;
}

＆＃13;

<link href="https://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dijit/themes/claro/claro.css" rel="stylesheet"/>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>


<div id="container">
  <div class="dojoDndItem movable">Div 1</div>
  <div class="dojoDndItem movable">Div 2</div>
  <div class="dojoDndItem movable">Div 3</div>
  <div class="dojoDndItem movable">Div 4</div>
</div>

＆＃13;

＆＃13;

＆＃13;