【问题标题】:Rows not showing in syncfusion gantt when enableVirtualization={true}当 enableVirtualization={true} 时,同步融合甘特图中未显示行
【发布时间】:2022-07-11 22:44:45
【问题描述】:

将 enableVirtualization 设置为 true 时,我的应用程序出现了问题,但我也可以在 this stackblitz 中重现它。

正如您在this screenshot 中看到的,在我调整窗口大小之前,行不会显示在初始显示上。

我还注意到 dom 中加载了 102 行,而应该只加载 17 行,因为它们是在任何垂直滚动之前的初始显示中唯一可见的行。 enableVirtualization 参数真的有效还是我遗漏了什么?

请帮忙!

【问题讨论】:

    标签: reactjs syncfusion gantt-chart ej2-gantt


    【解决方案1】:

    我和你有同样的问题。

    问题是我忘记注入 VirtualScroll 服务。

    在<GanttComponent> 标签内,添加<Inject services={[VirtualScroll]}/>

    总结:要为甘特图启用虚拟化功能,您需要:

    • 在 GanttComponent 中,将 enableVirtualization 设置为 true(或者只添加不带任何值的 prop,因为 React 将其理解为 true)
    • 在 GanttComponent 中,以 px 为单位设置高度。根据文档,它是必需的,并且必须以像素为单位。
    • 在 Inject 标签中,添加 VirtualScroll 服务

    【讨论】:

      猜你喜欢
      • 2021-02-09
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-06-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多