SAP Spartacus UI TabParagraphContainerComponent 的工作原理

简介: SAP Spartacus UI TabParagraphContainerComponent 的工作原理

首先渲染若干个 div button,个数等于 TabContainer 里包含的 Component 元素个数。

image.pngimage.pngimage.pngimage.pngimage.pngintegration lib 提供的 CMS mapping 没有生效。

但我看到已经配置进去了?

这不是调用了吗?

image.pngimage.png我查过了,无论 this.staticCmsConfig 还是 this.config.cmsComponents, 都没有 Visual 开头的 Component.

image.pngVisual Module 也调用了,为啥 上述两个结构里都没有?

构造函数里设置断点,看看 config 的值:image.pngCMSComponents 里此时就已经没有 Visual Component 了:image.pngcomponents 字段包含了 TabPanelContainer 应该显示的 Component 集合。image.pngFlex type 字段值会用在 Angular Component 的映射关系维护上。

image.pngproduct detail 已经成功加载了:image.pngdiv button 对应 tab 的标签。然后专门有一个 active div,显示标签点击后对应的实际内容。

image.pngSpec 页面,必须当该产品存在 classification 属性时才有值:

image.pngimage.png

相关文章
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
32 0
|
2月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
17 0
|
2月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
33 0
|
2月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
24 0
|
2月前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
22 0
|
2月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
19 0
|
4天前
|
前端开发 Java Android开发
Android UI底层绘制原理
Android UI底层绘制原理
11 0
|
1月前
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
16 1
什么是 SAP ABAP 里的 Subscreen
|
2月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
15 0
|
3月前
|
XML JavaScript 数据格式
SAP UI5 XML Preprocessor 的工作原理和 instructions 指令详解
SAP UI5 XML Preprocessor 的工作原理和 instructions 指令详解
30 0