我迫切需要編寫一個使用dojo進行拖放的javascript代碼。請爲我提供包含正確代碼的鏈接。我只想要一個簡單的功能,可以將來自1個容器的物品放到另一個容器中。沒有裝飾。我已經看到了它,但沒有得到正確的結果。Dojo拖放
Dojo拖放
回答
下面是一個例子:如果你想拖放裏的一個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
感謝您的koenp ..它真的很好..你可以建議一些東西,我可以從一個容器拖放一個特定的項目(圖像,文本任何),並將其放入另一個容器?像這裏一樣,我們只遍歷列表中的項目。我希望它從一個容器移動到另一個容器?謝謝。 – 2012-03-02 05:28:58
嗨,謝謝你的小提琴。我增加了它來添加一個'Target'。 http://jsfiddle.net/xFcuB/209/ – rodvlopes 2017-09-21 19:37:11
下面是一個例子:如果你想將它從一個容器拖放到另一個容器:
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; }
而且你是done.That是在magic.Here的一個的jsfiddle例如:http://jsfiddle.net/V5yBs/
我希望這是你想要的。享受
通過編程創建Dojo 1.9.3 +項目:http://jsfiddle.net/V5yBs/53/ – 2014-06-17 11:29:12
並將項目動態插入到現有源代碼:http:// jsfiddle .net/V5yBs/54/ – 2014-06-17 13:24:41
@AnatoliyArkhipov如何將代碼添加到模板化小部件?基本上拖放項目到另一個小部件?我嘗試了一些錯誤的東西 - 請參閱http://stackoverflow.com/q/37308974/1104770 – sjs 2016-05-18 20:01:03
- 1. dojo拖放
- 2. Dojo:拖放停止拖動
- 3. 幫助Dojo拖放
- 4. Dojo 1.7.2拖放bug - 「mouseButtons.isLeft」
- 5. 添加新行後,Dojo拖放生氣
- 6. dojo拖放(DnD)不適用於圖像
- 7. dojo拖放:不想排序項目
- 8. dojox.mobile.ListItem使用dojo拖放實現
- 9. 使用Dojo拖放和Dojo移動一起移動
- 10. Dojo拖放:如何格式化放置的項目?
- 11. Dojo dnd(拖放)1.7.2 - 如何維護一個單獨的(非dojo-dnd)列表?
- 12. Dojo:拖放完成後是否有事件
- 13. Dojo中止在dnd/drop /中的拖放操作
- 14. Dojo拖放,我們如何保存位置
- 15. 如何在拖放源代碼中創建Dojo onDrop事件
- 16. dojo當滴[dnd拖放]它創建一個新的div
- 17. 如何從Dojo拖放源中刪除/刪除項目?
- 18. Dojo拖放:如何檢索項目的順序?
- 19. Dojo拖放「列表中的列表」(嵌套列表)
- 20. Flex拖放和拖放
- 21. HTML5拖放或JqueryUI拖放?
- 22. 拖放大小拖放區
- 23. jCanvas - 在縮放時拖放n拖放
- 24. 使用jquery拖放拖放可拖放類的名稱使用jquery拖放
- 25. 用拖鞋拖放
- 26. 拖放完成時拖放N拖放事件
- 27. HTML5拖放 - 將選擇文本拖放到可拖放元素
- 28. Ember.js可拖放和可拖放jqueryUI /本地拖放混合
- 29. 拖放
- 30. html5 - 拖放 - 不觸發拖放事件
您的意思是Javascript或Java? JSP實際上代表了JavaServerPages,與JavaScript不同。 – 2016-02-16 11:59:43