提问
SAPUI5 performance table control flexible column layout

SAPUI5：IE11中sap.f.FlexibleColumnLayout的性能

2020-08-27 09:24发布

站内问答 / UI5
1994 3 4

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


专家您好，

我最近在我的UI5应用程序中用sap.f.FlexibleColumnLayout替换了主从模式，并且一切正常-直到使用Internet Explorer 11进行了测试...渲染非常缓慢，大约需要2秒钟 例如，如果单击布局箭头，则重新渲染。 在用户界面未发生任何事情之前，该应用已冻结了一段时间。 我认为是因为sap.m.Table。 我在开始列中使用一个，在中间列中使用多达五个。 该表格最多包含10列，每列都有一个minScreenWidth，因此，如果减小中间列的宽度，则这些列将被隐藏或显示为弹出框（取决于自定义）。

我还构建了一个简单的应用程序来测试问题是否也在其他用例中发生。 我使用了SAPUI5 Demokit的FlexibleColumnLayout示例，并在中间列中添加了更多列和第二个表。 届时，如果只单击了几个布局元素，则仅需几个元素，渲染就需要很长时间（在IE中比在Chrome中长得多）。 我使用IE的性能工具来分析性能，大部分时间用于样式计算。

我认为问题在于，如果单击布局箭头，则会过于频繁地触发表的列调整大小事件。 我已经使用SAPUI5-版本1.52.32和1.60.14对其进行了测试。

这是一个已知问题吗？ 您有提高性能的想法吗？

预先感谢

朱莉娅

（119.4 kB）

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


专家您好，

我最近在我的UI5应用程序中用sap.f.FlexibleColumnLayout替换了主从模式，并且一切正常-直到使用Internet Explorer 11进行了测试...渲染非常缓慢，大约需要2秒钟 例如，如果单击布局箭头，则重新渲染。 在用户界面未发生任何事情之前，该应用已冻结了一段时间。 我认为是因为sap.m.Table。 我在开始列中使用一个，在中间列中使用多达五个。 该表格最多包含10列，每列都有一个minScreenWidth，因此，如果减小中间列的宽度，则这些列将被隐藏或显示为弹出框（取决于自定义）。

我还构建了一个简单的应用程序来测试问题是否也在其他用例中发生。 我使用了SAPUI5 Demokit的FlexibleColumnLayout示例，并在中间列中添加了更多列和第二个表。 届时，如果只单击了几个布局元素，则仅需几个元素，渲染就需要很长时间（在IE中比在Chrome中长得多）。 我使用IE的性能工具来分析性能，大部分时间用于样式计算。

我认为问题在于，如果单击布局箭头，则会过于频繁地触发表的列调整大小事件。 我已经使用SAPUI5-版本1.52.32和1.60.14对其进行了测试。

这是一个已知问题吗？ 您有提高性能的想法吗？

预先感谢

朱莉娅

（119.4 kB）
付费偷看设置
发送
3条回答
clasier
1楼 · 2020-08-27 10:14.采纳回答

不是sap.m.Table引起了性能问题，而sap.f.FlexibleColumnLayout本身就是问题所在。 GitHub问题 people.sap.com/boghyon.hoffmann">Boghyon Hoffmann 现在已关闭，性能改进将在下一版OpenUI5（1.73+）中提供。

南山jay
2楼-- · 2020-08-27 10:16

听起来像 有效的改进请求，无论浏览器选择如何。 我建议在GitHub上创建问题，以在可能的情况下进行优化。 Afaik，该表利用ResizeHandler，它对元素的每次调整大小都同步执行繁重的重新计算。 我相信可以通过以下方法来改善此问题：

  1. 减少调整大小处理程序中的操作总数
  2. 通过requestAnimationFrame
  3. 替换UI5异步执行处理程序 具有浏览器本机API的ResizeHandler ResizeObserver 具有相同的目的，但 本机代码（IE11为此需要一个polyfill）。

只是一些想法。.

葫芦娃快救爷爷
3楼-- · 2020-08-27 10:28

对于其他读者：我的先前的评论不准确，也不能解释导致性能下降的主要原因。 为了获得更好的理解和更多信息，请关注GitHub问题： https://github.com/SAP/openui5/issues/2710 。

一周热门 更多>

点击此处---> EasySAP.com 一起学习S4 HANA ...