dojotoolkitのドラッグ＆ドロップ

Question

私はdojoを初めて使っています。私には3つの部門があります。最初のdivは10枚の写真を持ち、他の2つの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のロゴを使用した簡単な例を設定

こと1つのdivから別のdivにドラッグすることができますon jsbin。

データベースに保存すると、保存したいものが不明です。 src？他に何か？

これは、dojo.queryを使用して特定のdivの画像を取得し、PHPページ/サービスにxhrGetを呼び出すことができます。基本的には

：

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