SAP Fiori Launchpad里home按钮的实现原理分析

161 阅读1分钟

Created by Jerry Wang, last modified on Sep 22, 2015

原标题:how is home button implemented in Fiori launchpad

  • homeBtn
  • loadPersonalizedGroups
  • PageSets
  • PageBuildingService

需求:研究home button点击的实现

clipboard1

Chrome里enable Mouse.click 类型的断点

clipboard2

在这里插入图片描述

在这里插入图片描述

this指向home button:

clipboard5

这里能看出home button 主要是通过sap.ui.controller.navigateToHome实现的:

在这里插入图片描述

在这里插入图片描述

 

backToTop通过handle对应的事件来实现:

在这里插入图片描述

在这里插入图片描述

这里是准备render user personalized之后的page list:

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

利用OData wrapper向后台发起odata 请求:

在这里插入图片描述

最终通过XMLHttpRequest.send将请求发送至后台:

clipboard14
\

\