标签: drag-and-drop

第一次对某些元素重新排序后使用https://www.npmjs.com/package/react-beautiful-dnd ，无法对先前移动的项目进行重新排序，并且控制台会打印

 Unable to find draggable with id: XXX

此外，当拖动另一个项目时，UI 会损坏并且控制台会打印：

Detected non-consecutive <Draggable /> indexes.(This can cause unexpected bugs) 0, [2], 3, 4, 5

当我交换网格上的两个遥远的项目时，它会“重做”交换动画（向后然后再次向前）。当物品非常接近时，效果很好，如下面的 gif 所示：

我已经遵循了Sortable 文档，但我不明白为什么它要重做动画。我只想将它放在网格单元上并将旧项目保留在它已经所在的位置，而不是再次执行动画

这是代码示例的链接

这是关于Adobe AIR和MS Outlook的静止.

我想将Outlook中的电子邮件拖到AIR应用程序中.我希望将以下数据传输到AIR应用程序:

• Outlook中用于创建Outlook链接的邮件的唯一ID
• 丰富的邮件文本
• 有关邮件的一些信息,如发件人,收件人,日期等.

一些Windows应用程序执行此操作,如My Life Organized或Linker.这对AIR来说有可能吗？我很确定我不仅需要AIR应用程序,还需要一些Windows应用程序或Outlook插件来实现这一目标.有任何想法吗？

假设您在浏览器中的两个不同选项卡/窗口中运行了两个Web应用程序.IE,Firefox或Google Chrome中是否有预定义的界面在两个窗口之间传递数据？如果是这样,应该可以实现拖放,对吗？因为我不认为这是可能的,我想知道是否可以用Flash实现同样的目的.

这总结了以下问题:是否可以使用Javascript/DOM或Flash实现跨应用程序拖放行为？

我在Windows窗体中的同一窗体上有一个TreeView和一个多行文本框.我有拖放设置,以便我可以将节点从TreeView拖到文本框并将文本插入文本框(这是有效的).

我想增强这一点,以便当鼠标拖过文本框时,某些指示符会在文本中移动,显示用户将文本插入的位置,并且当放下它时会插入该位置.目前我只是把文本放在SelectionStart,但是拖动操作不会更新SelectionStart,所以它在用户最后有光标的时候.

这是我目前的代码:

    private void treeView1_ItemDrag(object sender, ItemDragEventArgs e)
    {
        if (e.Button != MouseButtons.Left)
            return;

        object item = e.Item;
        treeView1.DoDragDrop(((TreeNode)item).Tag.ToString(), DragDropEffects.Copy | DragDropEffects.Scroll);
    }

    private void textBox1_DragEnter(object sender, DragEventArgs e)
    {
        if (e.Data.GetDataPresent(DataFormats.StringFormat))
        {
            e.Effect = DragDropEffects.Copy | DragDropEffects.Scroll;
        }
        else
        {
            e.Effect = DragDropEffects.None;
        }
    }

    private void textBox1_DragDrop(object sender, DragEventArgs e)
    {
        if (e.Data.GetDataPresent(DataFormats.StringFormat))
        {
            textBox1.SelectionLength = 0;
            textBox1.SelectedText = (string)e.Data.GetData(DataFormats.StringFormat);
        }
    }

我有一个Form对象,显示标题栏.

我需要一种纯托管方式(P/Invoke-free,Mono和.NET兼容,最好是.NET 2.0 API)来检测FORM本身何时开始被拖动,更改位置以及何时删除(不是任何内容).

我过去在Mono做过这个,但我不记得怎么了,我不知道我的解决方案是否与MS.NET兼容......

如果有人可以提供一个示例,我可以通过三个事件名称来查看更多详细信息或指向相关的StackOverflow问题,我将不胜感激.到目前为止,我的搜索没有返回任何相关结果......

使用Google托管的最新jQuery/UI.我有以下标记:

<ul id="tree">
    <li><a href="1/">One</a></li>
<li><a href="2/">Two</a></li>
</ul>

以下javascript:

$(document).ready(function(){

    // Droppable callbacks
function dragOver(overEvent, ui_object) {
    $(this).mousemove(function(moveEvent){
        console.log("moved over", this);
    });
}

function drop_deactivate() {
    $(this).unbind();
}

function drag_out() {
    $(this).unbind();
}

// Actual dragging
$("#treeContainer li").draggable({
    revert: true,
    revertDuration: 0
});

// Actuall dropping
$("a").droppable({
    tolerance: "pointer",
    over: dragOver,
    deactivate: drop_deactivate,
    out: drag_out
});

});

如果我将第一个li向下拖过第二个,则会触发mousemove函数(并且firebug会记录输出).但是如果我将第二个拖动到第li一个上面,则mousemove函数不会触发.你可以看到这个http://jsbin.com/ivala.是否有一个原因？我应该以其他方式捕获mousemove事件吗？

编辑:似乎认为mousemove()事件对于早期元素的绑定不是当前被拖动的元素(应该在鼠标悬停时绑定).

我有被定义为draggables的div.div包含一个图像和一些文本.拖动在Firefox和Opera中完美运行,但在Chrome和IE中,我只能通过文本上的mousedown而不是图像来开始拖动.当我在IE和Chrome中隐藏图像时,内置的html元素拖放浏览器功能启动 - 尝试仅拖动图像元素(lika a cut n paste thing).我怎么能覆盖这个呢？

试图在两个列表框和我到目前为止看到的所有示例之间实现拖放并不是真的很好闻.

有人可以指点我或给我一个很好的实现吗？

我想用c ++做一个很好的简单gui.具有拖放功能,必须重量轻.我想像一个gui像utorrent客户端gui.它重量轻,简单.请给我关于最易于使用的库/ ide /插件的信息(在Windows平台上可能会很好).