dojo를 사용하여 div 이동 및 순서 변경

Question

나는 여러 자식 div가 포함 된 div 부모가 있습니다.

사용자가 어떤 자식을 이동하여 도체를 사용하여 부모 내의 div을 재정렬하기 위해 이동하도록 허용하려고합니다.

어느 누구도 이것을 수행 할 준비가 된 샘플을 알고 있습니다.

Answer 1

해야이 dojoDndItem 클래스를 포함 자식 div의로, 단지 부모 DIV를 작성, 트릭을 할 것입니다 dojo/dnd/Source를 사용

이 마침내 당신의 부모 DIV에 Source의 인스턴스를

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>