Created by Jerry Wang, last modified on Jan 20, 2015

UI element在runtime render时，会按照一定逻辑生成id：

首先根据ui element所在的hierarchy得到其parent view的id，作为该ui element id的prefix：

如果该ui element是其parent的第一个children ，则其id为1，（ line 22 ), 否则其id为当前计数器+1 （ line 16）

最后id的拼接逻辑如下：

i042416 added the CRM WebUI label on Jul 10, 2017

Owner Author

i042416 commented on Jul 10, 2017

UI element ID的生成逻辑

Created by Jerry Wang on May 19, 2014

在webclient UI上通过F12 - developer tool观察任意的ui field，比如下图中的search field，发现其technical name是由很多的naming convention如C,W,V和数字组成。

这些name都是由Webclient UI框架class根据workbench里define的tag, 如thtmlb:advancedSearch tag自动生成的:

在下列input field generator class的FACTORY方法里设断点，launch webclient UI, 断点触发:

在最后生成的html page里能根据上图debugger中的ID找到对应的html element:

在debugger里观察到的前缀C1_W1_V3_V4里的数字是通过下面的class 自身维护的计数器id_count来实现的:

而所有数字前面的字母前缀的代表含义在下列class的constant attribute里定义:

SAP CRM WebClient UI element id generation logic相关推荐

SAP CRM WebClient UI element id的生成逻辑
SAP CRM WebClient UI里如何找到Assignment block和settype的映射关系
SAP CRM WebClient UI 产品主数据里的assignment block,要么对应一个settype,要么对应一个relationship. 如何根据assignment block, ...
SAP CRM WebClient UI交互式报表的Gross Value工作原理
SAP CRM WebClient UI交互式报表(Interactive Report)的Gross Value工作原理 the selection fields passed to backend ...
Jerry答网友提问：SAP CRM WebClient UI里的EXT，STRUCT等含义
2020年,Jerry会做一个新的尝试,选择部分朋友向我提出的问题,在公众号,知识星球或者微信圈子这些平台上公开回答,这样或许能帮助到更多的朋友. 具体说明参见我前一篇文章:2020年关于SAP知识问 ...
SAP CRM WebClient UI搜索结果界面的扩展字段显示
SAP CRM WebClient UI搜索结果界面的扩展字段显示原理. 要获取更多Jerry的原创文章,请关注公众号"汪子熙":
SAP CRM WebClient UI和CRM Fiori Account里显示Opportunity逻辑
我们知道SAP CRM WebClient UI的Account页面下有一个assignment block名叫opportunities,在SAP CRM Fiori UI里也有一个opportun ...
在SAP CRM WebClient UI中用javascript触发ABAP event
环境:SAP CRM WebClient UI 需求:在WebClient UI里不通过用户手动点击,而是使用JavaScript代码自动触发ABAP后台的代码. 解决方案: 1. 定义一个hidde ...
SAP CRM WebClient UI和Hybris backoffice UI开发的相同点
CRM WebClient和Hybris backoffice的UI开发都不需要开发人员手写原生的html代码. CRM WebClient UI 在CRM WebUI workbench里,开发人员 ...
SAP CRM WebClient UI和Hybris Commerce里的跨组件跳转
CRM WebClient UI How to debug cross component navigation framework https://wiki.scn.sap.com/wiki/dis ...

SAP CRM WebClient UI element id generation logic