拖拽从一个时间线日历中删除项目到其他响应

时间:2017-11-29 16:45:57

标签: reactjs calendar drag-and-drop

我正在为我的项目使用react-calendar-timeline。我有需求,我需要将项目从一个日历拖放到另一个日历。目前,react-calendar-timeline库不支持我的发现。

问题是我如何使用react-calendar-timeline库在日历之间拖放项目?我很确定它是可行的,但无法找到我自己。

如果有人引导我或给我提示,我将不胜感激。

由于

1 个答案:

答案 0 :(得分:3)

我认为你的问题无关紧要(或几乎不可能)。查看react-calendar-timeline here的演示,呈现的唯一组件是<Timeline>组件,并且所有项目都使用items道具传递给它。在这种情况下,您只能使用以下任何一种方式实现拖放:

  1. 分享react-calendar-timeline的自己的副本,并在日历之间实现项目的可拖动性。这可能看起来并不困难,因为库是在component based manner中设计的。实际上,进一步挖掘,我在该回购中找到this thread,其中一个参与者的版本为forked and implemented drag and drop。所以你可以从那里汲取灵感:)

  2. 使用任何其他库(如jQuery或D3)通过检查并通过选择器选择拖放功能来实现单个元素。 这根本不推荐,因为直接操纵DOM会消除使用React的全部意义,并且可能会严重干扰React的算法。

  3. 就是这样。基本上,由于库不支持该功能,您不能使用开箱即用的功能:)