在IE11 (非边缘模式)下在ExtJS 10上渲染时，Windows6数据视图中存在问题

Question

背景:我们使用ExtJS 6来开发我们的应用程序。在其中一个视图中，我们在选项卡面板中使用了数据视图。已为此数据视图启用Scrollable。我们已将X-UA兼容模式指定为Edge。工作条件: Windows 7+ IE11 (边缘模式)+智能卡身份验证不工作条件: Windows 10、IE11(非边缘模式)+虚拟智能卡身份验证(尽管此条件不确定)

问题:此视图在Chrome上的Windows7平台以及IE11 (默认情况下为边缘模式)上呈现完美。在这个平台上，IE11在IE11浏览器中没有边缘模式(单独的边缘浏览器可用)，因此应用程序默认在IE11模式下运行。即使在加载数据之前呈现此视图时，它也会抛出错误"can not access n.dom from null or undefined“(我可能没有写出确切的错误描述)。

分析:分析发现，数据视图的刷新方法不知何故被调用了，它找不到目标元素。错误的确切位置在me.getTargetEl()的数据视图的刷新方法中。在故障排除中，我们发现scroll特性(由scrollable:true启用)甚至在视图呈现之前就试图刷新视图，因此它找不到目标DOM元素。

解决方案:虽然我们没有在ExtJS中找到解决方案，但我们禁用了数据视图的scrollable，并使用overflow属性呈现了scroll。例如，style：{ overflow：'auto'}这解决了问题，因为在没有启用可滚动功能的情况下添加了滚动。

Answer 1

将解决方案作为答案发布。

分析:分析发现，数据视图的刷新方法不知何故被调用了，它找不到目标元素。错误的确切位置在me.getTargetEl()的数据视图的刷新方法中。在故障排除中，我们发现scroll特性(由scrollable:true启用)甚至在视图呈现之前就试图刷新视图，因此它找不到目标DOM元素。

解决方案:虽然我们没有在ExtJS中找到解决方案，但我们禁用了数据视图的scrollable，并使用overflow属性呈现了scroll。例如，style：{ overflow：'auto'}这解决了问题，因为在没有启用可滚动功能的情况下添加了滚动。

Answer 2

使用这个

scrollable: {
    y: 'scroll'
}