Dojotoolkit의 드래그 앤 드롭

Question

나는 Dojo를 처음 사용합니다. 나는 세 개의 div가 있습니다. 첫 번째 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>

Google의 로고를 사용하여 한 DIV에서 다른 DIV로 끌 수있는 간단한 예제를 설정했습니다. 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!!!");
                    }
                }
    );
 });