从拖动/复制的项目中取出dojo.dnd.Source

时间:2012-10-22 20:39:40

标签: javascript dojo drag-and-drop

我设置了一个小面板,左面板(源)和右面板(源和目标)。

从左侧面板拖动/复制到右侧面板工作,并在删除时创建新的div。

我现在希望能够将项目放入新div中,即新div也应该是一个来源。

但是我不知道该怎么做,你能帮忙吗?

HTML

<div id="left-panel"> 
    <div class="dojoDndItem">Div</div>
</div>

<div id="right-panel">
</div>

JS

//This is a creator to be run when an item is dropped onto the right panel

function myCreator(item, hint) {
if (item == 'Div') {
var myNode = dojo.create('div');
}

//This is how I create the sources

var leftPanel = new Source("left-panel", { copyOnly:true });

var rightPanel = new Source("right-panel", { accept:[ "div", "button", "image" ], creator:myCreator });

}

1 个答案:

答案 0 :(得分:0)

请参阅http://jsfiddle.net/n8UxB/

<div id="left-panel" class="container"> 
    <div class="dojoDndItem" dndType="foo">Div</div>
    <div class="dojoDndItem" dndType="foo">Div2</div>
</div>

您不需要创建者功能。和accept是针对dndType DOM属性的。