dojotoolkit의 드래그 앤 드롭

Question

새로운 dojo입니다. 나는 세 부분이있다. 첫 번째 div에는 10 개의 그림이 있고 다른 두 div는 비어 있습니다.

사용자가 모든 div (2,3)로 사진을 드래그하거나 div1로 다시 드래그하도록 허용하려고합니다.

PHP를 사용하여 사진을 DB에 저장하고 싶습니다.

Answer 1

드래그 앤 드롭의 경우 dojo.dnd.Source을 사용해야합니다. 당신의 JS에서

, 당신은해야합니다 :

dojo.require("dojo.dnd.Source"); 

귀하의 HTML은 (대부분의 경우) 다음과 같이 표시됩니다

<div dojoType="dojo.dnd.Source" id="div1"> 
    <div class="dojoDndItem"> 
     <img /> 
    </div> 
    <div class="dojoDndItem"> 
     <img /> 
    </div> 
    ... 8 more times ... 
</div> 

내가 구글의 로고를 사용하여 간단한 예제를 설정

그 한 div에서 다른 div로 끌 수 있습니다 on jsbin.

데이터베이스에 저장하는 것과 관련하여 저장하려는 항목이 명확하지 않습니다. src? 다른 것?

그런데 dojo.query을 사용하면 특정 div의 이미지를 가져와 xhrGet을 PHP 페이지/서비스에 호출 할 수 있습니다. 기본적으로

:

dojo.query("img",dojo.byId("div1")).forEach(function() { 
    // this is now the image 
    dojo.xhrGet({ url: '/somepage.php', 
        data: { image_name: this.title } // ???: depends on what you want 
        load: function(data) { 
         alert("I worked!"); 
        }, 
        error: function(data) { 
         alert("O NOES!!!"); 
        } 
       } 
    ); 
});