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

相关文章
|
5月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
5月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
5月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
5月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
|
5月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
|
4月前
|
存储 开发框架 JavaScript
深入探讨Flutter中动态UI构建的原理、方法以及数据驱动视图的实现技巧
【6月更文挑战第11天】Flutter是高效的跨平台移动开发框架,以其热重载、高性能渲染和丰富组件库著称。本文探讨了Flutter中动态UI构建原理与数据驱动视图的实现。动态UI基于Widget树模型,状态变化触发UI更新。状态管理是关键,Flutter提供StatefulWidget、Provider、Redux等方式。使用ListView等可滚动组件和StreamBuilder等流式组件实现数据驱动视图的自动更新。响应式布局确保UI在不同设备上的适应性。Flutter为开发者构建动态、用户友好的界面提供了强大支持。
80 2
|
5月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
|
5月前
|
前端开发 JavaScript 安全
Spartacus product summary 页面的设计原理
Spartacus product summary 页面的设计原理
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen