当Scheduler用制表符包装时，选择不起作用 上下文这是我的树结构 UI 问题

编程问答 2022-06-12

问题描述

上下文

这是关于react-big-scheduler和react-dnd的问题。

我正在使用：

  • 材料用户界面的Tabs，Tab

  • react-swipeable-views用于在标签之间滑动效果

    • 来自Scheduler的

  • react-big-scheduler

并且我的Scheduler正在多个标签中进行。

这是我的树结构

<div>
  <Tabs value={currentTab}>
    <Tab label="tab 1"/> 
    <Tab label="tab 2"/>
  <Tabs>
<SwipableViews index={currentTab}>
   <Scheduler ... />
</SwipableViews>
</div>

UI

我正在使用标签。

每个标签都呈现react-big-scheduler的{​​{1}}组件。

这是我的Scheudler：

image

问题

第一个标签正常工作

但是第二个标签中的`Scheduler卡住了，不允许选择范围。 它会自动选择第一个插槽。

image

在调试时，我在Scheduler函数下的ResourceEvents.js中看到了这一点：

stopDrag

其中var endTime = resourceEvents.headerItems[rightIndex - 1].end;等于rightIndex（负索引）

我认为发生这种情况是由于-24样式将第二个标签页推到了屏幕上的不同SwipableViews位置。

是否有一种方法可以重置Scheduler位置的计算，并与与DOM混乱的其他库配合使用？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

react-dndreactjsreactjs