框架画Button的入口

简介: 框架画Button的入口

以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里,

image.png


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

image.png

这个define方法就会call我们controller里实现的getHeaderFooterOptions了。

image.png

相关文章
|
10月前
|
前端开发 JavaScript 测试技术
前端反卷计划-组件库-04-Button组件开发
前端反卷计划-组件库-04-Button组件开发
|
小程序 JavaScript
微信小程序:页面Page和组件Component生命周期执行的先后顺序
微信小程序:页面Page和组件Component生命周期执行的先后顺序
491 0
微信小程序:页面Page和组件Component生命周期执行的先后顺序
|
5月前
封装组件,通过指令进行调用,类似于elementUI中的loading组件
封装组件,通过指令进行调用,类似于elementUI中的loading组件
44 0
|
5月前
|
小程序
【微信小程序】-- 全局配置 -- window - 导航栏(十五)
【微信小程序】-- 全局配置 -- window - 导航栏(十五)
|
5月前
|
小程序 JavaScript
小程序表单组件——button
小程序表单组件——button
59 0
|
12月前
|
C#
C#用代码创建的Button大小为什么不对?
C#用代码创建的Button大小为什么不对?
|
12月前
|
小程序 前端开发 开发者
微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题
微信小程序web-view上覆盖原生组件,解决cover-view点击事件无法触发问题
227 0
|
SQL 前端开发 API
layui框架实战案例(17):流加载文档layui.flow组件的前后端解决方案
layui框架实战案例(17):流加载文档layui.flow组件的前后端解决方案
170 0
|
移动开发 JavaScript 小程序
微信小程序:uni-app页面Page和组件Component生命周期执行的先后顺序
微信小程序:uni-app页面Page和组件Component生命周期执行的先后顺序
406 0
antd组件库封装48-button组件编写2
antd组件库封装48-button组件编写2
68 0
antd组件库封装48-button组件编写2