arrastar e soltar no dojotoolkit

Question

Eu sou novo no Dojo. Eu tenho três divs; A primeira div tem 10 fotos e outras duas divs estão vazias.

Quero permitir que o usuário arraste as imagens para qualquer div (2,3) ou arraste de volta para o div1.

Quero armazenar as fotos em um banco de dados usando PHP.

Answer 1

Quanto ao arrastar e cair, você precisará usar dojo.dnd.Source.

Em seu JS, você precisará:

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

Seu HTML ficará assim (na maior parte):

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

Eu configurei um exemplo simples usando o logotipo do Google que você pode arrastar de um div para outro no JSBIN.

Quanto a economizar em um banco de dados, não estou claro sobre o que você deseja salvar. O SRC? Algo mais?

Dito isto, você pode usar dojo.query Para obter as imagens de um certo div para chamar um xhrGet para sua página/serviço PHP.

Basicamente:

 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!!!");
                    }
                }
    );
 });