提问
SAPUI5

新的SAPUI5 index.html中的属性data-id和data-settings是什么意思

2020-08-25 10:43发布

站内问答 / UI5
782 2 4

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

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


尊敬的SAP社区

我在云中的开发人员帐户中创建了一个新的SAPUI5项目，我注意到index.html文件中有更改。 直到不久前，它还一直按照演练步骤12中的外观显示：作为容器的Shell控制 https://help.sap.com/doc/saphelp_uiaddon20/2.05/zh-CN/3d/a5f4be63264db99f2e5b04c5e853db/frameset.htm

实际上，此示例更为明确： https://answers.sap.com/questions/602089/sapui5-added-indexhtml-and-fullwidth-attribute-in.html

现在，新布局如下：

 <！DOCTYPE html>
 
 <头>
 
 
  SAPUI5Template

显然，这是实现所有内容异步加载的UI5演变的一部分。 请参阅UI5ers Buzz#41：在UI5中异步加载的最佳做法

https://blogs.sap.com/2018/12/18/ui5ers-buzz-41-best-practices-for-async-loading-in-ui5/

HTML主体中的div属性引起了一些问题。 请注意，引导程序属性 data-sap-ui-oninit 与div属性 data-sap-ui-component 和 data-name 。 嗡嗡声#41中对此进行了解释。 但是其他属性呢？

  • 数据ID 和数据设置是什么意思？
  • 这些属性是否可选？ 看来我可以忽略它们了，这没有关系。
  • 这里没有显示更多可选属性吗？
  • 数据ID 的有效值是什么？
  • 数据设置是一个JSON对象。 除了ID以外，它还有其他属性吗？ 我不希望在这里有大的JSON对象。
    • 指向manifest.json中的内容吗？

请有人提供解释或将其指向说明该问题的文档或博客。

非常感谢

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

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


尊敬的SAP社区

我在云中的开发人员帐户中创建了一个新的SAPUI5项目，我注意到index.html文件中有更改。 直到不久前，它还一直按照演练步骤12中的外观显示：作为容器的Shell控制 https://help.sap.com/doc/saphelp_uiaddon20/2.05/zh-CN/3d/a5f4be63264db99f2e5b04c5e853db/frameset.htm

实际上，此示例更为明确： https://answers.sap.com/questions/602089/sapui5-added-indexhtml-and-fullwidth-attribute-in.html

现在，新布局如下：

 <！DOCTYPE html>
 
 <头>
 
 
  SAPUI5Template

显然，这是实现所有内容异步加载的UI5演变的一部分。 请参阅UI5ers Buzz#41：在UI5中异步加载的最佳做法

https://blogs.sap.com/2018/12/18/ui5ers-buzz-41-best-practices-for-async-loading-in-ui5/

HTML主体中的div属性引起了一些问题。 请注意，引导程序属性 data-sap-ui-oninit 与div属性 data-sap-ui-component 和 data-name 。 嗡嗡声#41中对此进行了解释。 但是其他属性呢？

  • 数据ID 和数据设置是什么意思？
  • 这些属性是否可选？ 看来我可以忽略它们了，这没有关系。
  • 这里没有显示更多可选属性吗？
  • 数据ID 的有效值是什么？
  • 数据设置是一个JSON对象。 除了ID以外，它还有其他属性吗？ 我不希望在这里有大的JSON对象。
    • 指向manifest.json中的内容吗？

请有人提供解释或将其指向说明该问题的文档或博客。

非常感谢

付费偷看设置
发送
2条回答
大简至美
1楼 · 2020-08-25 11:07.采纳回答

根据 API参考，ComponentSupport" 查找具有属性data-sap-ui-component的DOM元素，并从该元素中解析（data- *）属性以获取 ComponentContainer "。

因此data- *属性对应 是ComponentSupport创建并放置在DOM元素中的ComponentContainer的构造函数设置。

是的，data-id和data-settings是可选的，但是我还是建议定义它们以改善调试体验 并受益于 稳定ID < /a>s。

在上面的示例中，可以用来标识创建的组件的全局ID为：

" rootComponentContainer-rootComponent"

-settings"对应于Component的设置。

___

还值得一提的是 ，它是尚未记录 （更新：现已记录）是ComponentSupport应用了一些ComponentContainer设置 默认情况下，例如：

  • 异步{boolean}（强制为true）
  • 清单{boolean | string}（如果未提供任何字符串以确保首先显示清单，则强制为true ）
  • 生命周期{sap.ui.core.ComponentLifecycle}（默认为Container）
  • autoPrefixId {boolean}（默认为true：组件的ID将以ID为前缀 ComponentContainer的位置，后跟一个破折号）
compass1988
2楼-- · 2020-08-25 11:02

另外一个注释。 根据Boghyon的解释...

如果我的div是这样的：

然后启动应用程序，然后单击Ctrl + Alt + Shift + S，这样就存在稳定的ID：

一周热门 更多>

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