javascript - 道场拖放: how to add handler for drop event

Question

我有一个像这样的简单列表:

<div dojoType="dojo.dnd.Source" id="myList">
    <div class="dojoDndItem">item 1</div>
    <div class="dojoDndItem">item 2</div>
    <div class="dojoDndItem">item 3</div>
</div>

我使用 dojo 属性使列表可排序。

它没有任何问题，但是当一个项目被删除时，我该如何添加一个监听器到事件中呢？如果用户释放鼠标并且元素捕捉到位，我想要一个 javascript 函数来处理这个事件。如何通过标记添加它？

Answer 1

您可能感兴趣的扩展点是 onDrop源上的方法。您可以使用 <script type="dojo/...">解析器理解的语法以声明方式完成此操作，例如:

<div dojoType="dojo.dnd.Source" id="myList">
    <script type="dojo/connect" event="onDrop" args="source, nodes, copy">
        console.log('received drop event:', source, nodes, copy);
    </script>
    <div class="dojoDndItem">item 1</div>
    <div class="dojoDndItem">item 2</div>
    <div class="dojoDndItem">item 3</div>
</div>

请注意，我连接到该方法是因为 dojo.dnd.Source 中有重要的功能的 onDrop方法，以及它在默认实现中调用的方法；如果我改用 <script type="dojo/method"> 来覆盖函数，默认功能将被破坏。

以下 SitePen 博客文章提供了有关解析器中此功能的更多信息:http://www.sitepen.com/blog/2007/09/21/dojo-09-power-tools-script-typedojomethod/