SAP BSP和JSP页面里UI元素的ID生成逻辑

简介:

CRM WebClient UI

WebUI最后渲染出来的dom element这些C#_W#的id是在哪行ABAP代码被render出来的?

See my blog WebClient UI element ID generation logic

https://blogs.sap.com/2018/01/31/webclient-ui-element-id-generation-logic/

Hybris

既然是JSP,套路都一样的。Hybris application developer不用重复造轮子,直接在jsp page里使用ycommerce tag:

这个ycommerce tag的实现如下。从注释里也能清楚看出这个JSP tag的实现,为了确保id唯一,采用的是和CRM WebClient UI一样的方式:内部维护一个计数器,每次生成element后加1.

计数器加一的代码:

等价于WebClient UI第16行代码:

JSP没办法直接被浏览器执行,而是编译成.class,最后浏览器输出的native html source code来自这些.class:


本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。

相关文章
|
6月前
|
存储 设计模式 前端开发
什么是 SAP 的 BSP UI 技术
什么是 SAP 的 BSP UI 技术
54 0
|
JavaScript Java
BSP和JSP里的UI元素ID生成逻辑
BSP和JSP里的UI元素ID生成逻辑
110 0
BSP和JSP里的UI元素ID生成逻辑
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
15 0
|
1月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
28 0
|
1月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
21 0
|
1月前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
20 0
|
3月前
|
缓存 JavaScript 前端开发
如何理解 SAP UI5 的 sap.ui.define 函数?
如何理解 SAP UI5 的 sap.ui.define 函数?
45 0
|
21天前
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
15 1
什么是 SAP ABAP 里的 Subscreen

相关课程

更多