无需库的可排序多列拖放

Posted 2023-05-08

【中文标题】无需库的可排序多列拖放

【英文标题】：Sortable Multi Column Drag and Drop without Library

【发布时间】：2022-01-02 09:11:01

【问题描述】：

我希望在列之间以及列中实现可排序（排序）拖放。我在整个互联网上寻找任何不使用图书馆的例子。我很想在 VueJS 中实现它，但是，欢迎提供任何示例。

它基本上应该像 JIRA 一样运行，例如，您有 TODO 和 IN PROGRESS 列，您可以在列本身中按优先级对它们进行排序，或者将其移动到另一列。

我不想使用任何库的原因是因为我想构建自己的复杂功能。我也不想分叉现有的 github 库来修改它们。我会喜欢任何建议！

【问题讨论】：

您找不到任何不使用库的示例的原因是，DND 是一个非常复杂的功能，需要大量代码。但是，我写了this implementation，它相对简单，不到 500 行。源代码有很好的文档记录，还有一些示例可能会有所帮助。

我完全同意它非常复杂！谢谢，我现在就去看看！

【参考方案1】：

使用以下关键字进行简单搜索：creating drag and drop feature "without" library javascript pure 我能够找到此链接：

Building drag and drop feature in react for react applications Building drag and drop feature with pure javascript

有用的提示 如果您不知道在 google 搜索中使用引号括起某些关键字，则 google 会强制 google 仅显示包含特定字词的结果