且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数

更新时间:2022-08-23 14:33:34

如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数解决这个问题的理论依据:深入学习SAP UI5框架代码系列之三:HTML原生事件 VS UI5 Semantic事件

我写了一个简单的 SAP UI5 应用,index.html 的完整代码贴在本文末尾。如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数第一个按钮的点击事件处理函数,逻辑为在其显示文本的末尾添加1,比如触发一次后,button text 显示为 Button 11,依次类推。

如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数

方法1:使用 SAP UI5 API 触发第一个 button 的点击事件处理函数

见第 33 行代码。拿到 第一个 button 实例后,直接调用 SAP UI5 API firePress,触发第一个按钮的事件点击处理函数。

如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数

方法2:使用 JavaScript 原生 API 触发第一个 button 的点击事件处理函数

见第 33 行代码。拿到 第一个 button 实例后,直接调用 SAP UI5 API firePress,触发第一个按钮的事件点击处理函数。

见下图第 45~46 行:如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数两种方式均能按照期望触发第一个按钮的点击事件处理函数,效果如下视频所示:


https://www.zhihu.com/zvideo/1370102151998468096


本应用的完整代码如下:可以使用 Jerry 文章 一个用于SAP UI5学习的脚手架应用,没有任何后台API的依赖 提到的 脚手架应用运行。如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数