SAP UI5 view controller lifecycle discussion - onInit

简介: Created by Jerry Wang, last modified on Aug 08, 2014

Created by Jerry Wang, last modified on Aug 08, 2014

新建一个view instance:

image.png


Callstack2: 这个view的实例化会调用下图所示的另一个function ( r["view"] ). 传入function的参数就是上图中的对象字面量,也就是指定的view detail。


image.png

Callstack3: 进到callstack2 所示的function中去,因为待构造的view类型是JS view,因此进入相应分支:


image.png

Callstack4: 可以发现JSView constructor是采取lazy load的方式进行加载的:

image.png



line 9292行会把执行delegate给下一个function r.



Callstack5: this 指向正在初始化的view instance.image.png

image.png


可以发现这个_initCompositeSupport function 函数体内会抛一个AfterInit的event。

image.png

Callstack6: 这里的this就是view instance,this.oController就是view controller instance。

image.png

把鼠标放在onInit上能观察到我们在Eclipse里写的code。

image.png

Callstack7: 重用EventProvider的fireEvent方法来raise event:

image.png

Callstack8: I.fFunction就是controller里实现的onInit方法,oListener就是controller,oListener.oView就是view本身。

image.png

于是最终call到controller的onInit方法:

<img src="https://user-images.githubusercontent.com/5669954/28253419-77bc105a-6ad6-11e7-8e8b-b4da68d62fea.png)


相关文章
SAP Product Lifecycle Costing 里的 Costing Sheet 成本核算表
SAP Product Lifecycle Costing 里的 Costing Sheet 成本核算表
|
Web App开发 JavaScript 前端开发
SAP UI5 视图控制器 View Controller 的生命周期方法 - Lifecycle methods
SAP UI5 视图控制器 View Controller 的生命周期方法 - Lifecycle methods
109 0
SAP UI5 视图控制器 View Controller 的生命周期方法 - Lifecycle methods
|
Web App开发 JavaScript 前端开发
SAP UI5 视图控制器 View Controller 的生命周期方法 - Lifecycle methods
Create an Application Project for SAPUI5 打开 Eclipse 并转到菜单选项,文件 -> 新建 -> 其他…。 在 New 窗口中,打开节点 SAPUI5 Application Development 并选择 Application Project 选项。 单击下一步按钮。
SAP UI5 视图控制器 View Controller 的生命周期方法 - Lifecycle methods
|
XML 数据格式
SAP UI5 XML view lifecycle processing - defineMasterHeaderFooter
Created by Wang, Jerry, last modified on Apr 13, 2016
104 0
SAP UI5 XML view lifecycle processing - defineMasterHeaderFooter
|
前端开发
SAP UI5框架中,onInit方法执行次数的讨论
SAP UI5框架中,onInit方法执行次数的讨论
SAP UI5框架中,onInit方法执行次数的讨论
sap.ca.ui.utils.busydialog scenario discussion
Created by Jerry Wang, last modified on Jun 29, 2015
sap.ca.ui.utils.busydialog scenario discussion
sap.ca.ui.utils.busydialog scenario discussion
Created by Jerry Wang, last modified on Jun 29, 2015
125 0
sap.ca.ui.utils.busydialog scenario discussion
SAP UI5 mock mode more discussion
Created by Wang, Jerry, last modified on May 22, 2015
SAP UI5 mock mode more discussion
SAP UI5 mock mode more discussion
Created by Wang, Jerry, last modified on May 22, 2015
102 0
SAP UI5 mock mode more discussion