If we open a WebClient UI page with Chrome and inspect its UI element via Chrome development tool, we could observe that the id attribute has some prefix for example C#_W#_V#_V#… where # represents a number.

Where is this id generated? Set a breakpoint on method CL_CHTMLB_CONFIG_UTILITY~RENDER_FROM_XML and we can find the method GENERATE_TAG_ID which did the job:

All the ID of the page in the view hierarchy will be concatenated as the prefix of current element’s ID.

If the current page is the first child of its parent, it has ID 1 assigned ( line 22 ), or else WebUI framework will increase the counter held internally and assign the latest value to the current UI element as ID ( line 16 ).

Finally the ID is concatenated with seperator “_”.

This ID will appear in the rendered HTML native code.
The capital characters contained in the ID are defined as constant attribute in CL_BSP_WD_CONTROLLER.

要获取更多Jerry的原创文章,请关注公众号"汪子熙":

SAP WebClient UI界面元素ID生成的逻辑分析相关推荐

  1. 超棒的CSS开源UI界面元素类库 - TopCat

    日期:2013-4-25  来源:GBin1.com TopCoat是一套免费的开源UI元素类库,整套类库不使用任何javascript,而是使用CSS和HTML来生成. 整套UI元素非常丰富,使用标 ...

  2. AE脚本-600个科技感HUD信息数据故障场景UI界面元素动画预设 Technology Constructor

    AE脚本-600个科技感HUD信息数据故障场景UI界面元素动画预设 Technology Constructor AE脚本-600个科技感HUD信息数据故障场景UI界面元素动画预设Technology ...

  3. BSP和JSP里的UI元素ID生成逻辑

    CRM WebClient UI WebClient UI渲染出来的DOM元素的这些C#_W#格式的id是在哪行ABAP代码被生成出来的? 参考我的博客WebClient UI element ID ...

  4. 在SAP WebClient UI里使用AJAX进行异步数据读取

    For POC purpose I need to implement the AJAX functionality in Webclient UI component. The UI compone ...

  5. 在SAP WebClient UI里显示倒数计时的UI

    First let's have a look at what is achieved: Once you click work center "Jerry count down" ...

  6. SAP WebClient UI和business switch相关的逻辑介绍

    Do you know the meaning of these two checkboxes in F2 popup? Let's first learn some prerequisite kno ...

  7. SAP Webclient UI和Fiori UI的混搭

    CRM UI的作用简单来说就是定义report. HANA那边定义了VDM和Query哪些,但是Fiori这边不直接访问HANA,所以CRM这边的UI可以创建report把HANA的那个信息存在rep ...

  8. SAP WebClient UI开发工具中attribute文件夹展开的实现原理分析

    For project reason I need to figure out the logic how the field list is assembled when folder " ...

  9. SAP Cloud for Customer对UI界面元素文本的调整原理

    CRM WebUI的configuration mode下可以修改button的label,但是menu item的文字能不能修改我就忘了. C4C客户有个需求: 把new button改成Add b ...

最新文章

  1. 2017最新整理传智播客JavaEE第49期 基础就业班
  2. 中国固件更新软件被指盗取用户数据 遭美手机厂商替换
  3. logstash 自动重新加载配置
  4. 常考数据结构与算法:螺旋矩阵m*n
  5. 初探 React Router 4.0
  6. 计算机网络技术中的数据通信
  7. ajax on ture,细数Ajax请求中的async:false和async:true的差异
  8. python零基础学习书-零基础如何学好python?推荐6本入门书籍,帮你打基础
  9. python第三方模块
  10. python类中变量作用域_说说Python中变量的作用域?
  11. 【牛腩】发布 牛腩新闻发布系统
  12. Labview如何建立与远程MS SQL数据库的连接
  13. matlab机器人画圆
  14. AAC 音频数据结构实例分析:
  15. android 悬浮球简书,Android-悬浮窗效果FloatingView
  16. 红外线计件器课程设计报告书
  17. 背包问题-三种动态规划解法-逐步减少空间复杂度
  18. java知识精华总结
  19. 水质在线监测系统方案
  20. Ubuntu安装VNC,配置多用户vnc连接Ubuntu,开机自启vnc命令

热门文章

  1. 编程题:带参数的宏定义来实现,求圆的周长和面积。
  2. 我是如何学习写一个操作系统(七):进程的同步与信号量
  3. 知乎:GAN 的发展对于研究通用人工智能有什么意义?
  4. 数据库概念 MySQL 库操作 表操作 记录操作
  5. SQL Server 跨库查询
  6. bzoj1096 [ZJOI2007]仓库建设
  7. EF Load之详讲
  8. java.lang.OutOfMemoryError: Java heap space 解决方法
  9. 字符编码解码整合工具
  10. 添加aspnet_isapi.dll的映射时“确定”按钮不可用的解决方案