SAP UI5和CRM WebUI的View和Controller是如何绑定的
UI5
例如我在UI5的界面上画一个按钮，点击之后弹出一个Alert dialog。
在XML view里只定义了controller的名称和事件处理函数的名称。那么按钮被点击之后，controller的onShowHello被触发。但是，这个controller的实例是什么时候被创建， 并且关联到这个申明它的XML view里呢？
在XMLView.js里，我定义的XML view的源代码被加载之后，XMLView会调用XMLTemplateProcessor， 解析XML view的内容，根据里面的control申明创建对应的UI5控件实例。下图的变量_xContent.innerHTML即为上图XML view的源代码。
XMLView的实例通过工厂模式创建之后，XMLView源代码里定义的controller名称sap.ui.demo.walkthrough.controller.App，会赋到oView实例的字段_controllerName上。
View和Controller的绑定是通过这个方法createAndConnectController完成：
connect controller to view after controller and control tree are fully initialized
Controller的实例也通过工厂模式创建：
一旦connectToView执行之后，
oView和oController的关联关系就建立起来了。
CRM WebClient UI
每个UI component view里有一个built-in的属性controller, 指向这个view对应的controller实例。
在BSP的编程环境里，开发人员根本无需操心这个controller实例的初始化，直接用就行。
那么View的controller实例究竟在什么时候被框架初始化的？
要自己搞清楚这个问题，可以随便找个BSP UI component做个实验。我找的是PRDHS。在其View的controller CL_PRDHS_HEADER_IMPL的构造函数里设置断点：
打开该view，从调用栈上下文即可得知BSP框架在什么地方初始化controller实例的。记下这个实例在ABAP runtime的地址编号4633:
同UI5逻辑类似，在CL_BSP_PAGE_BASE~CREATE_PAGE内部，第190行创建controller的实例并将其同View实例建立关联关系。
最后运行时View的controller实例4633和之前我们在PRDHS/Header的controller CL_PRDHS_HEADER_IMPL的构造函数中的me指针4633一样，证明两个变量指向的是同一个实例。
要获取更多Jerry的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码:
SAP UI5和CRM WebUI的View和Controller是如何绑定的的更多相关文章
- SAP成都研究院C4C光明左使：SAP Cloud for Customer 使用SAP UI5的独特之处
大家好,今天的文章来自我的同事,Yang Joey. 2017年7月,SAP成都研究院C4C开发团队刚刚建立.某个周一早晨的Scrum meeting,新出现一位眉清目秀的小伙子,向大家自我介绍:&q ...
- Fiori Fundamentals和SAP UI5 Web Components
这周有位同事邀请我给团队讲一讲SAP技术的演进历史,所以我准备了下面几个主题来介绍. 其中SAP的技术回顾和演进,我的思路就是从前后台两方面分别介绍. 我画了一张非常简单的图: 去年5月我写过一篇文章 ...
- OPEN(SAP) UI5 学习入门系列之二： 最佳实践练习（上）
这篇博文难产了很久,原来是打算一周更新一篇的,上周原计划写MVC,但是写了一半,发现带入了太多的细节,不太符合这个入门系列的主题. 当我们学习一个新的技能的时候,如果一开始就面对大量的细节,很容易陷入 ...
- SAP UI5和微信小程序对比之我见
今天继续由SAP成都研究院著名的菜园子小哥Wang Cong,给大家分享他作为一个SAP前端人员是如何看待SAP UI5和微信小程序的异同点的. 关于Wang Cong种菜的手艺,大家请移步到他以前的 ...
- 在Kubernetes上运行SAP UI5应用(上）
2018年只剩最后30天了.Jerry在2017年的最后一天,曾经立下一个目标:这个微信公众号在2018年保证至少每周发布一篇SAP原创技术文章. 从Jerry在后台统计的2018全年文章数量来看,这 ...
- OPEN(SAP) UI5 学习入门系列之二： 最佳实践练习（下）
上期我们完成了一个简单的主从页面,但是页面是静态的,不能交互,功能也很简单,只有一个销售订单的列表. 我们今天就一鼓作气把代码全都写完,由于本次的代码量较大,所以只对重点代码部分进行讲解. 具体每个文 ...
- 关于SAP UI5数据绑定我的一些原创内容
如何查找SAP UI5官方关于数据绑定的文档: https://sapui5.hana.ondemand.com/ 点Documentation: Filter里输入data就能看到Data Bind ...
- HTML5开发移动web应用——SAP UI5篇(8)
本次对之前学习的SAP UI5框架知识进行简单小结.以及重点部分知识的梳理. 1.在UI5使用过程中,命名空间的概念非常重要. 2.一般的sap组件引用格式例如以下: sap.ui.define([ ...
- HTML5开发移动web应用——SAP UI5篇(6)
<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255) ...
随机推荐
- linux日志--查找过滤
- caffe 日志保存以及matlab绘制方法（windows以及ubuntu下）
caffe 用matlab解析日志画loss和accuracy clc; clear; % load the log file of caffe model fid = fopen('log-prev ...
- mc01_IntelliJ IDEA安装与Java项目创建以及Tomcat配置
IntelliJ IDEA安装与激活 下载地址:http://www.jetbrains.com/idea/ 安装下一步下一步即可,关键是注册激活,该部分分两个步骤: 1. 配置windows hos ...
- 在Mac上安装mysql
进入这个网站: https://dev.mysql.com/downloads/mysql/ 然后点击安装就行了. 注意在这里启动mysql 然后mac上所有的mysql命令都得用绝对路径才能生效
- SpringMVC什么时候配置 视图解析器
当Action返回的是一个真实路径的时候,视图解析器可不进行配置 当Action返回的是逻辑路径的时候,我们必须要在配置文件中注册视图解析器并为该逻辑路径添加前缀和后缀
- formatter easyui 重命名
function for_method(){ datagridmethod = $('#formethod_datagrid').datagrid({ url : 'loc ...
- GBDT，FM，FFM推导
GBDT推导: https://xgboost.readthedocs.io/en/latest/tutorials/model.html FM,FFM推导: https://tech.meituan ...
- C++的静态Static
类的静态数据成员是属于类(即与类关联)而不属于类的每个对象(不与类的每个对象关联)(相当于该静态对象在所有的类对象中共享.),所以初始化方法与一般的变量不同,需要在类的构造函数之外进行初始化. 类的静 ...
- Kudu安装（官网推荐的步骤）（installing Kudu using parcels or packages）
不多说,直接上干货! Kudu安装前的建议说明(博主推荐) Kudu官网推荐的步骤: 本篇博文是installing Kudu using parcels or packages的方式. http:/ ...
- jQuery 3 有哪些新东西
jQuery 的横空出世,至今已有十个年头了,而它的长盛不衰显然不是没有理由的.jQuery 提供了极为友好的接口,使得开发者们可以方便地进行 DOM 操作.发起 Ajax 请求.生成动画……不一而足 ...