我也要用
UI5
汪子熙
JerryWang，2007年从电子科技大学计算机专业硕士毕业后加入SAP成都研究院工作至今。Jerry是SAP社区导师，SAP中国技术大使。2020年5月下旬，Jerry做了脑部肿瘤的开颅切除手术，对编程和人生又有了新的感悟。
-
原创 SAP UI5和Angular的函数防抖(Debounce)和函数节流(Throttle)实现原理介绍
这是Jerry 2021年的第 11 篇文章，也是汪子熙公众号总共第 282 篇原创文章。Jerry之前的文章 SAP UI5 OData谣言粉碎机：极短时间内发送两个Odata request, 前一个会自动被cancel掉吗，介绍过SAP成都研究院CRM Fiori开发团队开发过的一个Live Search的场景。用户创建Opportunity，维护Account字段，每输入一个字符，都会触发SAP UI5 Input控件的liveChange事件。在该事件的onAccountInputFieldC2021-01-19 19:48:41
17
0
-
原创 SAP UI5函数节流(Throttle)的一个最简单的例子
SAP UI5源代码：<!DOCTYPE html><html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>SAPUI5 Sandbox</title> <script id="sap-ui-bootstrap" src="https://openui5.han2021-01-17 21:37:46
24
0
-
原创 一个最简单的用SAP UI5实现的live search demo，完整代码只有55行
要获取更多Jerry的原创文章，请关注公众号"汪子熙":2019-09-03 10:40:37
307
0
-
原创 SAP UI5应用里使用jQuery.ajax异步读取xml文档并显示在SAP UI5应用界面上
A system error has occurred — our apologies!For immediate troubleshooting, consult our knowledge base for a solution.If you would like to receive support from Atlassian’s support team, ask your Conf...2019-06-30 11:01:19
232
0
-
原创 在SAP UI5应用里使用jQuery.ajax读取数据并显示在页面上
源代码：<!DOCTYPE html><html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>SAPUI5 Sandbox</title> <script id="sap-ui-bootstrap" src="https://openui5.hana.ondem2021-01-17 18:22:35
23
0
-
原创 sap.ui.layout.HorizontalLayout is not a constructor
源代码：<!DOCTYPE html><html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>SAPUI5 Sandbox</title> <script id="sap-ui-bootstrap" src="https://openui5.hana.ondem2021-01-17 17:47:56
18
0
-
原创 SAP UI5里使用jQuery.ajax采用同步的方式读取数据
源代码：<!DOCTYPE html><html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>SAPUI5 Sandbox</title> <script id="sap-ui-bootstrap" src="https://openui5.hana.ondem2021-01-17 17:38:05
26
0
-
原创 SAP UI5 Input字段live change事件的一个例子
源代码：<!DOCTYPE html><html><head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>SAPUI5 Sandbox</title> <script id="sap-ui-bootstrap" src="https://openui5.hana.ondem2021-01-17 14:02:14
18
0
-
原创 SAP UI5应用部署在tomcat上运行的部署路径问题，基于Eclipse
在这种设置里，Eclipse里deploy的web module不会出现在tomcat安装目录下的webapp folder里，而是你Eclipse workspace的这个folder下：workspace.metadata.plugins\org.eclipse.wst.server.core\tmp1\work\Catalina\localhost：...2019-06-29 23:31:47
82
0
-
原创 SAP UI5里input field live search的实现例子
这个例子的位置：SAP CRM Fiori my Opportunity应用的Opportunity创建页面：s5.view.xmlonAccountInputFieldChanged2021-01-16 16:27:57
18
0
-
原创 如何查找历史版本的SAP UI5 API文档
例子：Jerry某个系统上，还在使用1.28.42这个版本的SAP UI5：如果要查询这个oMode.read的参数文档：进入SAP UI5 SDK网站：https://sapui5.hana.ondemand.com/点击change version：切换版本：https://sapui5.hana.ondemand.com/1.28.42/#docs/api/symbols/sap.ui.model.odata.ODataModel.html这里就能知道，oModel.read的b2021-01-16 15:48:22
20
0
-
原创 SAP UI5 OData谣言粉碎机：极短时间内发送两个Odata request,前一个会自动被cancel掉吗
这是Jerry 2021年的第 9 篇文章，也是汪子熙公众号总共第 280 篇原创文章。本文Jerry原本写于2016年5月，当时发布于团队内部wiki.五年过后，Jerry使用的开发框架，从SAP UI5变成了Angular.最近Jerry在做SAP Spartacus开发时，遇到了和本文描述极为类似的场景。因为我学习新知识的时候，总喜欢把之前已经熟悉的知识拿来做横向类比，所以本文首先重温一个不少SAP UI5开发人员都理解得似是而非的知识点，为后续的分享做一个铺垫。本公众号后续的文章，会介绍如2021-01-16 14:41:35
19
0
-
原创 深入学习SAP UI5框架代码系列之七：控件数据绑定的三种模式 - One Way, Two Way和OneTime实现原理比较
这是Jerry 2021年的第 8 篇文章，也是汪子熙公众号总共第 279 篇原创文章。系列目录(0) SAP UI5应用开发人员了解UI5框架代码的意义(1) SAP UI5 module懒加载机制(2) SAP UI5 控件渲染机制(3) HTML原生事件 VS SAP UI5 Semantic事件(4) SAP UI5控件元数据的元数据实现(5) SAP UI5控件的实例数据修改和读取逻辑(6) SAP UI5控件数2021-01-10 20:56:57
30
0
-
原创 深入学习SAP UI5框架代码系列之六：SAP UI5控件数据绑定的实现原理
这是Jerry 2021年的第 7 篇文章，也是汪子熙公众号总共第 278 篇原创文章。系列目录(0) SAP UI5应用开发人员了解UI5框架代码的意义(1) SAP UI5 module懒加载机制(2) SAP UI5 控件渲染机制(3) HTML原生事件 VS SAP UI5 Semantic事件(4) SAP UI5控件元数据的元数据实现(5) SAP UI5控件的实例数据修改和读取逻辑(6) SAP UI5控件数据绑定的实2021-01-08 13:22:38
41
0
-
原创 深入学习SAP UI5框架代码系列之五：SAP UI5控件的实例数据修改和读取逻辑
这是Jerry 2021年的第6篇文章，也是汪子熙公众号总共第277篇原创文章。系列目录(0) SAP UI5应用开发人员了解UI5框架代码的意义(1) SAP UI5 module懒加载机制(2) SAP UI5 控件渲染机制(3) HTML原生事件 VS SAP UI5 Semantic事件(4) SAP UI5控件元数据的元数据实现(5) SAP UI5控件的实例数据修改和读取逻辑(本文）(6) SAP UI5控件数据绑定的实现原理(2021-01-06 12:19:38
65
1
-
原创 深入学习SAP UI5框架代码系列之四：SAP UI5控件的元数据实现
这是Jerry 2021年的第5篇文章，也是汪子熙公众号总共第276篇原创文章。系列目录(0) SAP UI5应用开发人员了解UI5框架代码的意义(1) UI5 module懒加载机制(2) UI5 控件渲染机制(3) HTML原生事件 VS SAP UI5 Semantic事件(4) UI5控件元数据的元数据实现(本文）(5) UI5控件的实例数据实现细节(6) UI5控件数据绑定的实现原理(7) UI5控件数据绑定的三种模式：One Way，Two Way和OneTime实现2021-01-05 10:43:32
56
0
-
原创 SAP系统和微信集成的系列教程之九：如何将微信用户发送给微信公众号的内容自动转存到SAP C4C系统
本系列的英文版Jerry写作于2017年，这个教程总共包含十篇文章，发表在SAP社区上。最近有不少朋友在微信上向我咨询SAP系统和微信公众号集成的问题，因此我把当时写的英文版翻译成中文，重新发布在我的公众号上。需要注意的是，时隔三年，微信公众号的开发流程可能有所变化，请大家自行鉴别。和微信公众号集成的系统，我三年前选择的是SAP Cloud for Customer.系列目录(1) 微信开发环境的搭建(2) 如何通过微信公众号消费API(3) 微信用户关注公众号之后2021-01-03 11:27:08
46
0
-
原创 一个最简单的SAP UI5应用部署到SAP云平台CloudFoundry环境后，自动生成了哪些资源
我用SAP WebIDE新建了一个UI5应用：该MTA应用除了名为app的HTML5 module外，还包含mta_app_Router和mta_app_ui_deployer:后者是app HTML5 module的两个依赖：而mta_app_appRouter又需要三个依赖：(1) mta_app_html5_repo_runtime(2) uaa_mta_app(3) de...2020-02-17 09:32:51
100
0
-
原创 关于有朋友询问，Spartacus，Fiori，SAP UI5这些术语的关系
有朋友听了Jerry在2020年12月15日SAP全球技术大会上的演讲后，在我的微信群里提问：Spartacus用Angular来实现Fiori风格了？以后不用SAP UI5了？一些问题：fiori的组件更像是给管理用的？spartarcus更像是电商类型的组件？看我的回答。Fiori本身是指代SAP推荐的一种UX风格，完整的Fiori Spec估计有几十万字，定义了一种web应用，能够称之为Fiori，必须遵循的设置准则。Fiori之于SAP好比Material Design之于Googl2020-12-16 10:40:08
33
0
-
原创 SAP UI 搜索分页技术
搜索分页技术往往和另一个术语Lazy Loading（懒加载）联系起来。今天由Jerry首先介绍S/4HANA，CRM Fiori和S4CRM应用里的UI搜索分页的实现原理。后半部分由SAP成都研究院菜园子小哥王聪向您介绍Twitter的懒加载实现。关于王聪的背景介绍，您可以参考他的前一篇文章：SAP成都研究院非典型程序猿，菜园子小哥：当我用UI5诊断工具时我用些什么。S/4HANA ...2018-06-19 22:53:10
208
0
-
原创 SAP UI5加载时的library-preload.json文件
library-preload.json文件的作用，在Jerry的博客How I do self-study on a given Fiori control – part 1里有介绍：In productive use, for performance reasons, all controls of a library are also available in the library-preload.json file, which is loaded initially (and can be2020-12-05 19:28:51
81
0
-
原创 一个SAP UI5 TreeTable控件的错误分析
问题：Jerry，TreeTable的这个报错您遇到过吗？TreeTable展开最后一行时就会报这个错，其他行展开都是正常的。我的分析错误原因在于，oBinding根据index 7，取回的node实例是undefined：iIndex = 7，已经超过了this.getLength()返回的值，这是因为tree的实现出现错误造成的。因此返回undefined.整个树的magnitude为6，小于7：根据关键字magnitude搜索TreeBindingAdapter-dbg.js里2020-12-04 21:09:11
76
0
-
原创 部署SAP UI5应用到ABAP服务器时，Webcontent path的determine逻辑
# Created by Jerry Wang on Aug 10, 2015动态生成abap.js对应的 tag, 当用 window.documen...2019-06-23 23:37:30
62
0
-
原创 SAP Fiori Launchpad Contact Support的按钮启用逻辑
# Created by Wang, Jerry, last modified on Oct 27, 2015* sap-ushell-config.services.SupportTicket.config* configuration-is_emb_reporting_active = /ui2/cl_emb_support=>is_rleporting_enabled();通过Chrom...2019-06-22 10:20:42
159
0
-
原创 SAP UI5 application component运行时加载的奥秘
# Created by Jerry Wang, last modified on Aug 09, 2015* shell* openSomething* getServiceConfig* parseShellHash* Hash* exec* initiateApplication* AppConfiguration.getMetadata成功读取LPD_C...2019-06-21 11:14:38
137
0
-
原创 如何找出SAP Fiori launchpad URL start_up请求发起的具体位置
# Created by Jerry Wang, last modified on Sep 22, 2015* shellType* ui2* FLP需求：找出在哪个js文件的具体某一行里发起了针对start_up请求![clipboard2](https://use...2019-06-17 11:26:43
120
0
-
原创 Fiori Fundamentals和SAP UI5 Web Components
这周有位同事邀请我给团队讲一讲SAP技术的演进历史，所以我准备了下面几个主题来介绍。其中SAP的技术回顾和演进，我的思路就是从前后台两方面分别介绍。我画了一张非常简单的图：去年5月我写过一篇文章：SAP UI和Salesforce UI开发漫谈，简要回顾了SAPUI技术的发展，从最古老的SAP GUI绘制界面，到Webdynpro / WebUI再到现在广泛使用的Fiori UX。当时这...2019-02-24 21:30:48
289
0
-
原创 SAP UI5和Angularjs事件处理机制的实现比较
Jerry最开始是用SAP UI5进行SAP CRM Fiori应用的开发。最近一段时间做SAP Spartacus开发，在用Angular，因此借这个机会将两个前端框架的事件处理实现细节做一个比较。SAP UI5事件处理通过button控件的attachPress方法注册一个Press事件点击的处理函数：button控件本身的实现是没有attachPress这个方法的，这一点可以从hasOwnProperty返回false来确认：Instead, it is provided by the n2020-11-02 21:46:18
75
0
-
原创 SAP Fiori Elements原理介绍之类型为Currency的Smart Field工作原理
What is smart fieldAccording to SAP help, “Smart controls are a specific category of SAPUI5 controls that have some special features in addition to the standard SAPUI5 features and thus make it easier to use the control in certain scenarios. One important2020-08-13 21:45:01
212
0
-
原创 SAP UI5 OData, annotation这些设计的意义
请看Jerry的SAP技术讨论群里，大佬们关于SAP UI5框架意义何在的精彩点评：uI5,不提有多少复杂控件如果深入理解了Odata binding，还有annotation，就会理解为啥sap要做自己的框架企业级应用，大部分是处理表状的结构化数据Sap后台大量使用odata, 其他的框架，语言读取odata，弄成json，然后再绑到ui上Ui5相当于可以直接把数据库字段绑定到界面，虽然只能cover 80%的case，但是当规模大了就节省巨大的成本还有ui5的界面纯xml，避2020-11-04 18:22:30
85
2