问题标签 [dojo-dnd]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
200 浏览

dojo - dojo 拖放:不希望添加新节点

我有一个用户界面,其中一些属性表示为可拖动的项目,它们可以从工具栏上拖出并放在某个接收项目上,然后更新。为此,我使用了 Dojo 拖放。我有一些 Dojo Dnd 源、目标、几种接受类型,一切都很好。

除了我不想将源节点实际移动或复制到目标。当下降发生时,我只想触发一个事件处理程序,以便我可以修改有问题的目标,或者在 UI 中进行其他适当的更新。

做这个的最好方式是什么?

我尝试了 null 创建函数的变体,在 onDrop 处理程序中调用取消,从父级删除传递给 onDrop 处理程序的节点,但这些途径似乎都不起作用或不可行。

感谢您的任何帮助。

0 投票
1 回答
1292 浏览

dojo - 在 dojo 中使用 insertnodes 时设置 id

当使用 insertNodes 时,将为节点创建一个唯一的 ID。

我们如何分配某个名称/文本作为新节点的 id?

0 投票
3 回答
1652 浏览

javascript - Dojo 拖放问题:对目标 DND 容器中的项目进行排序

我的 JavaScript 代码如下

//我有一个Json:

//为了获取DND容器中列出的所有角色名称,我使用了for循环:

//两个内容窗格如下,用于拖放两个块

//边框容器

//设置边框容器的内容

我的问题是,如果我将一个元素从 DND 容器拖到另一个,它如何按 ID 或字母等排列/排序项目?

例如(下图)

两个容器的初始状态 在此处输入图像描述

将一些项目拖放到第二个 DND 容器后 在此处输入图像描述

如何强制对第二个 DND 容器的项目进行完全排序,如下所示: 在此处输入图像描述

任何人都可以帮忙吗?谢谢

0 投票
1 回答
104 浏览

javascript - 我在可拖动节点内更改了一些文本,然后将此节点拖动到另一个容器中,旧值又回来了

我有一个 dojo.dnd 容器(UL 标签)。在它里面我有一个标签(在 LI 标签中),我在浏览器中更改这个 INPUT 的值,然后我把这个 LI 拖到另一个容器中。删除后,我在 INPUT 字段中看到旧值。你能帮我不要在输入字段中丢失新值吗

谢谢

拖动之前,更改值之后 拖动前,值改变后

掉落后 在此处输入图像描述

0 投票
2 回答
1238 浏览

dojo - Dojo dnd(拖放)1.7.2 - 如何维护一个单独的(非dojo-dnd)列表?

我正在使用 Dojo dnd 1.7.2 版,它通常运行良好。我很高兴。

我的应用程序维护了许多项目数组,当用户拖放项目时,我需要确保我的数组被更新以反映用户正在看到的内容。

为了做到这一点,我想我需要在Source.onDndDrop

如果我过去在我的 Source 上为ordojo.connect设置处理程序,我的代码似乎被调用得太晚了。也就是说,传递给处理程序的 that 实际上不再包含该项目。onDndDroponDropsource

这是一个问题,因为我想调用source.getItem(nodes[0].id)以获取正在拖动的实际数据,以便我可以在我的数组中找到它并更新这些数组以反映用户所做的更改。

也许我说错了;还有更好的方法吗?

0 投票
1 回答
2498 浏览

dojo - 如何从 Dojo 拖放源中移除/删除项目?

我有以下 Dojo DnD,但我不知道如何从catalog源中删除和添加项目。我最终想要做的是允许用户:

  1. 将项目从...catalog拖到wishlist...这工作正常。
  2. 通过单击清除列表按钮删除catalog未移动到的任何剩余项目...在此处需要帮助。wishlist
  3. 能够catalog通过单击下面代码中未列出的另一个按钮来添加新项目...这里需要帮助。

总而言之,我需要知道如何从 中删除项目和添加项目catalog,并将任何移动的项目保留在wishlist.

0 投票
1 回答
180 浏览

javascript - Dnd avatar:如何在dragOver上获得所见即所得的预览?

我们收到客户的请求,要求支持以下场景:

  • 在一个页面上,我们有一个 container:div元素,它同时是dojo.dnd.Source.
  • 在容器内,我们有 9 个div内容相似的元素:2 个按钮和 2 个组合框

  • 用户应该能够div通过简单地在容器内拖动它们来定义这 9 个元素的顺序。

任务是在拖动时呈现可能的布局预览。

将欣赏任何想法。

0 投票
2 回答
644 浏览

dojo - 如何将图像添加到 dojo/dnd/Source 中的项目

我创建了一个具有源和目标位置的 dnd 解决方案。现在拖动是双向的,我想让它成为源的单向目标。然后从源向每个项目添加一个图像(删除图标),以便用户可以单击该图标并将记录发送回正确的目标。

第 1 部分,我试图了解如何使 dnd 单向和第 2 部分,如何为每个项目添加图像。

谢谢

0 投票
0 回答
325 浏览

javascript - dojo/dnd/autoscroll:如何阻碍类似松鼠的自动滚动速度

我在 120px 高的 dgrid 上使用 dnd,几乎不可能击中我的放置目标。对于这个小网格,默认的自动滚动功能太快了。有没有办法设置加速度值或将滚动速度与网格边缘的接近程度相关联?

到目前为止,我找到了 dojo.dnd.autoscroll 但这些属性似乎与滚动速度无关。

一种解决方案是通过更改 autoScrollNodes 直接修改 autoscroll.js:

0 投票
1 回答
493 浏览

jquery - 什么是 jquery 可拖动的 dojo 等价物

我是 dojo 新手,我的 jquery 可拖动函数如下所示,

在 dojo 中,我们能否使用 dojo/dnd 或 dojox/floatingpane 来实现与上述相同的结果。在这个dojo dnd 示例中,我们处理将元素从一个列表移动到另一个列表,但我发现它与 jquery draggable 不相似