перетащить в Dojotoolkit - PullRequest
Новая
       21

перетащить в Dojotoolkit

0 голосов
/ 12 сентября 2009

Я новичок в додзё. У меня есть три div; первый блок имеет 10 картинок, а два других блока пусты.

Я хочу разрешить пользователю перетаскивать изображения в любой div (2,3) или перетаскивать обратно в div1.

Я хочу хранить картинки в БД с использованием PHP.

1 Ответ

2 голосов
/ 12 сентября 2009

Что касается перетаскивания, вам нужно использовать 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 в другой на jsbin .

Что касается сохранения в базе данных, мне неясно, что вы хотите сохранить. Источник? Что-то еще?

При этом вы можете использовать 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!!!");
                    }
                }
    );
 });
...