拖着;放入dojo工具包

Question

我是道场新手。我有三个div;第一个div有10张图片，其他两个div是空的。

我想允许用户将图片拖到任何div（2,3）或拖回div1。

我想使用PHP将图片存储在数据库中。

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