Dojo Drag and Drop - PullRequest
Новая
       33

Dojo Drag and Drop

2 голосов
/ 01 марта 2012

Мне срочно нужно написать код JavaScript для перетаскивания с помощью dojo. Пожалуйста, предоставьте мне ссылку, содержащую правильный код для того же. Я просто хочу простую функциональность, что элементы из одного контейнера могут быть перенесены в элементы в другой контейнер. Ничего декоративного. Я надел очки, но не понял правильно.

Ответы [ 3 ]

5 голосов
/ 02 марта 2012

Вот пример: если вы хотите перетаскивать li внутри ul, вы можете сделать это так: HTML: 

<ul id="list">
  <li class="dojoDndItem">content</li>
  <li class="dojoDndItem">content</li>
  <li class="dojoDndItem">content</li>
</ul>

JavaScript: 

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

dojo.addOnLoad(function(){
  new dojo.dnd.Source("list");
});​

Вот и все. Готово. Вот пример jsfiddle: http://jsfiddle.net/xFcuB/

Вы можете добавить все виды сахара в то время как вещь. Много много больше информации здесь: http://dojotoolkit.org/reference-guide/dojo/dnd.html#dojo-dnd

3 голосов
/ 02 мая 2012

Вот пример: если вы хотите перетащить из одного контейнера в другой контейнер:

HTML 

<div dojoType="dojo.dnd.Source" id="listNode" class="container1">
   <div dojoType="dojo.dnd.Source" class="dojoDndItem movableContainer">A container</div>
   <div class="dojoDndItem">Item 1</div>
   <div class="dojoDndItem">Item 2</div>
   <div class="dojoDndItem">Item 3</div>
</div>
<br>
<div dojoType="dojo.dnd.Source" class="container1">
</div>

JavaScript 

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

CSS 

.dojoDndItem { padding:3px; }
.movableContainer { border: 1px solid #aaa; }
.movableContainer div { margin-left: 5em; }
.container1 { border-radius: 8pt 8pt 8pt 8pt; border:1px solid #aaa; padding: 1em 3em; cursor: pointer; }
.container2 {position:inherit;border-radius: 8pt 8pt 8pt 8pt; border:1px solid #aaa; padding: 1em 3em;cursor: pointer; }
#listNode { background: #ddd; }

И все готово. Это волшебство. Вот пример jsfiddle: http://jsfiddle.net/V5yBs/

И янадеюсь, что это то, что вы хотите.наслаждаться

1 голос
/ 01 марта 2012
...