时间戳

首页 > 解决方案 > 在 Angular SlickGrid 中展开多行会清除之前展开行的行展开视图

angular - 在 Angular SlickGrid 中展开多行会清除之前展开行的行展开视图

问题描述

我遇到了 Angular SlickGrid 行详细信息功能的问题，当我展开多行然后返回到较早的行时，它们变为空白。

我在这里查看了官方演示页面，问题也仍然存在。

重现步骤

  1. 在此处转到示例演示页面

  2. 转到底部的表格并首先展开一行。在这里展开第 6 行。 在此处输入图像描述

  3. 展开另一行。有时打开另一行会清除先前行展开视图的视图。 展开另一行之前： 展开另一行之后： 在此处输入图像描述 在此处输入图像描述

  4. 否则，向下滚动一点，展开另一行，向下滚动，再展开另一行，然后向上滚动以检查较早扩展的行，结果较早的行变为空白。 在此处输入图像描述

似乎该库正在缓存视图，或者并不总是能够维护多个视图组件。虽然，我不确定。我试图切换这些字段并在行详细信息对象中使用这些字段的多种组合，

rowDetailView: {
...
loadOnce: true,
saveDetailViewOnScroll: false,
useSimpleViewportCalc: true,
singleRowExpand: false,
...
}

提前致谢。

标签： angularslickgridangular-slickgrid

解决方案

在花了几个小时之后，我发现了以下两个问题：

  1. 使用 传递自定义 Id 时datasetIdPropName，根本不刷新行详细信息
  2. 在某些情况下，打开新的行详细信息会消隐先前的行详细信息

这两个问题都在单独的 PR（#550和#552）中找到并修复

最新版本2.20.2现在包括这些修复，并且行详细信息 - 示例现在也可以按预期工作。

...所以你的问题的答案是更新到最新版本的 Angular-Slickgrid

推荐阅读