dojoを使用してdivを移動して並べ替える

Question

私はいくつかの子divを含む親divを持っています。

私は、ユーザーが子を移動することを許可したいと思って、divを移動して、dojoを使用して親内のdivを並べ替えることができます。

これを行うための準備ができているサンプルがあります。 dojo/dnd/Sourceを使用して

Answer 1

は、dojoDndItemクラスが含まれていなければならない子divタグで、

を、トリックを行うだけで、親のdivを作成しますfinalyあなたの親のdiv

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

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

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

に Sourceをインスタンス化