我正在尝试构建资源调度应用程序,您可以在其中将任务项从一个列表拖到网格上。网格的行代表“资源”(一个人),列代表一天中的时间(分为15分钟间隔)。 我在使用React-Dnd方面取得了不错的进步,但是有一些烦人的UX问题正在努力解决。首先是拖动预览。我想使用自定义组件作为拖动预览。 React-Dnd文档说明了如何执行此操作。但是我不知道的是如何强制放置预览,以使光标位于拖动预览的左上角。这样做的原因是为了让用户可以清楚地知道他们真正在扔东西。假设用户要在“ 1:00 pm”删除任务。他们自然可以尝试将预览的左边缘与“ 1:00 pm”列的左边缘对齐。但是,如果鼠标实际上位于“ 1:30 pm”列上,则将其放置在此处。我认为可以通过将鼠标光标放在拖动预览的左上边缘来避免此问题。有可能吗?
另一个相关的问题是,理想情况下,我想知道放置位置相对于放置它的“视图”行的坐标。我过去两年一直在与iOS合作,因此我在考虑iOS上的坐标系。我不知道这种思维方式可能不会转化为DOM。但是,如果可以通过某种方式知道相对于行本身(而不是页面或屏幕)左边缘的放置位置的x位置,那么我可以找出哪一列(即,哪个时间间隔)东西掉了。
是否可以使用React-Dnd(或任何其他React拖放库)来做这些事情?