SAP UI5框架绘制footer区域的入口调试

简介: 以Opportunity为例,直接在ButtonRenderer.js的render方法设个断点就行了:

以Opportunity为例,直接在ButtonRenderer.js的render方法设个断点就行了:


image.png

它会被反复call到,先是触发4次,因为Opportunity右下角有4个button。


然后又触发一次,为了画这个<- button:

image.png


然后又触发一次,画这个sort,这一点可以通过sort tooltip识别:

image.png


然后画这个add button,可以通过icon 识别:

image.png



看callstack:

image.png


另外确实像你说的,MasterHeaderFooter 最重要的逻辑都写在下面这个js file里,


从注释发现defineMasterHeaderFooter方法只有在每次list binding 发生change时才会被call到。每次odata回来时,_handleSuccess会trigger list binding change。


image.png


这个define方法就会call我们controller里实现的getHeaderFooterOptions了。好好理一下关系吧。

image.png


相关文章
|
5月前
|
人工智能 前端开发 搜索推荐
前端UI框架的发展:从混沌到秩序的演变
前端UI框架的发展:从混沌到秩序的演变
|
5月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
24天前
|
小程序 JavaScript 前端开发
小程序常见的UI框架
小程序常见的UI框架
|
6天前
|
JavaScript
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
这篇文章介绍了如何使用Ant Design Vue UI框架创建一个简单的后台管理模板,包括创建Vue项目、安装和使用ant-design-vue、以及编写后台管理通用页面的代码和样式。
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
|
15天前
|
JavaScript
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
其实这个从零有点歧义,因为本质上是要基于`tdesign-vue-next`来进行二次封装为一套广告UI组件库,现在让我们在一起快乐的搭建自己的广告UI库之前,先对以下内容做出共识:
28 0
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
|
26天前
|
Linux C# Android开发
一个开源、跨平台的.NET UI框架 - Avalonia UI
一个开源、跨平台的.NET UI框架 - Avalonia UI
|
5月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
|
2月前
|
前端开发 关系型数据库 MySQL
Python基于Django框架图书管理系统,Bootstrap框架UI,后台EasyUI框架UI,有登录,实现增删改查的富文本效果
本文介绍了一个使用Python Django框架开发的图书管理系统,该系统采用Bootstrap框架进行前端UI设计,EasyUI框架用于后台UI界面,集成了富文本编辑器,并实现了登录及增删改查功能。
|
2月前
|
JavaScript 前端开发
Vue实现Element UI框架的自定义输入框或下拉框在输入时对列表选项进行过滤,以及右键列表选项弹出菜单进行删除
本文介绍了如何在Vue框架结合Element UI库实现自定义输入框或下拉框,在输入时对列表选项进行过滤,并支持右键点击列表选项弹出菜单进行删除的功能。
38 0
|
2月前
|
前端开发 Linux API
Avalonia:一个.NET跨平台UI框架
Avalonia:一个.NET跨平台UI框架
74 0

热门文章

最新文章

相关实验场景

更多
下一篇
无影云桌面