深入学习UI5框架代码系列之八:谈谈UI5 的视图控件 ID,以及其和 Angular 视图的异同
今天是 2021 年 4 月 27 日,周二,SAP 全球心理健康日。SAP 全球的员工,今天放假一天。 这不,早在上周五,我所在的 SAP Spartacus 开发团队的开发经理,就贴心地在 Slack 上提醒所有组员,记得享受 “SAP Global Mental Health Day”. 关于 SAP 全球心理健康日的更多介绍,请参阅 SAP中国研究院官方公众号这篇文章:SAP
如何使用原生的 JavaScript 代码,触发 SAP UI5 按钮控件的点击事件处理函数
我的技术交流群里,有朋友提问: 我有个 UI5 按钮,想用原生 js 去触发 click 事件。在 dom 上检测到 click 已经触发了,但是按按钮的动作响应没有发生。请问如何解决,谢谢。 解决这个问题的理论依据:深入学习SAP UI5框架代码系列之三:HTML原生事件 VS UI5 Semantic事件 我写了一个简单的 SAP UI5 应用,index.html 的完整代
本地开发好的 SAP Fiori Elements 应用,如何部署到 ABAP 服务器上?
这是 Jerry 2021 年的第 29 篇文章,也是汪子熙公众号总共第 300 篇原创文章。 之前 Jerry 的两篇文章,分别介绍了如何在本地使用 Visual Studio Code 创建一个 SAP Fiori Elements 应用,以及使用 Fiori Elements Controller Extension 理念,对该 Fiori Elements 应用进行二次开发的具体步骤。
SAP Fiori Elements 应用里的 Title 显示的内容是从哪里来的
仅从静态代码分析来看,title 数据源有两处: flpSandbox.html 里的 title 标签 manifest.json 文件里 sap.app 字段下的 title 字段。 下图这个语法并不是 Angular 里数据绑定的 interpolation,而是引用了 i18n.properties 文件里的同名属性。 i18n.properties 文件里的 ap
微软 Excel 365 里如何设置下拉菜单和自动高亮成指定颜色
打开微软 Excel 365,选择 Data 标签,选择下图的 Data Validation 功能: Allow 的类型选择成 List,Source 字段里,用逗号维护期望出现在 excel 下拉菜单里的选项。 最后的效果如图: 如果期望选中不同的下拉菜单选项后,自动高亮元素,比如 Very High 的单元格,显示成红色来起到警示的作用,那么在 Home 里面,选择 Con
SAP UI5 标准应用的多语言支持 - SAP UI5 运行时语言判定机制
SAP UI5 对多语言的支持特性如下: The language codes according to the de facto standard BCP-47, which are used by most browsers for language identification. As of JDK 1.7 they are also supported by the Java loc
SAP Fiori Elements 应用的 manifest.json 文件运行时如何被解析的
在 HTML 页面里,有一个 script 标签,locate-reuse-libs.js, 这个 JavaScript 文件触发 manifest.json 的加载与解析: 在加载的 manifest.json 里,我们能看到 title 对应的place holder 为 i18n.properties 里的 appTitle. 此处, 函数 fnReplace18nTex
使用 yo 命令行向导给 SAP UI5 应用添加一个新的视图
在 使用 yo 创建好的 SAP UI5 项目里,使用命令行: yo easy-ui5 project newview: 输入新的视图名称为 Products,创建新的控制器,以及在 manifest.json 里定义新的 route: manifest.json routing 区域里三个节点增添了新属性: target 区域增添了新的 id 和 name 同名的Produc
使用 yo 命令行向导创建 SAP UI5 应用
命令行:yo easy-ui5 project, 遇到错误消息: you don’t seem to have a generator with the name “easy-ui5” installed. 先用 npm install generator-easy-ui5 进行安装: 然后重新执行 yo easy-ui5 project: Create a new Ope
SAP UI5 应用的中文乱码问题
如下图所示: 我使用 sap-language=ZH 的 url 参数,试图访问我 SAP UI5 应用的中文版时,发现标题显示为乱码: https://er9.wdf.sap.corp:44300/sap/bc/ui5_ui5/sap/jerryfioriapp/sandbox.html?sap-client=001&sap-language=ZH#display-uimodu
SAP UI5 使用 Smart Control 的一个具体例子
我们在本地 Visual Studio Code 里, 按照下面两篇文章,完成了 SAP UI5 的应用开发, 使用 yo 命令行向导创建 SAP UI5 应用使用 yo 命令行向导给 SAP UI5 应用添加一个新的视图 最后能得到一个列表,效果如下: 本文我们使用 SAP UI5 提供的 Smart 控件来继续丰富这个应用。 从下面三个 namespace 引入 Smart 控
零基础快速学习 ABAP之一:ABAP 服务器的架构和一个典型的 ABAP 程序结构介绍
很多 ABAP 初学者通过各种社交平台向我提出这个问题: ABAP初学者如何系统地学习ABAP编程? 所以我专门写了一篇同名的文章来回答。 文章里提到,我的 ABAP 学习之路,其实并没有阅读过中文的 ABAP 书籍,而是逐一地把 SAP 标准教材里和 ABAP 相关的那些电子版的 PDF 书籍吃透: 而对于 ABAP 初学者来说,最重要的就是 BC400,BC401 和 BC402
什么是 SAP vocabulary-based annotations
我们在 SAP Fiori Elements 应用的本地注解里,能看到大量如下以 Common 和 UI 为前缀的注解属性: 这些 Common,UI,实际是命名空间(namespace), 定义在本地注解文件(文件夹localService下面) 的开头部分: <?xml version="1.0" encoding="utf-8"?&g
SAP Fiori Elements controller extension 的加载原理
在 manifest.json 的 extends 区域里,注册自己的扩展实现: "extends": { "extensions": { "sap.ui.controllerExtensions": { "sap.su
答网友提问:使用 SAP Fiori Tools 创建的 Fiori Elements 应用,如何进行二次开发?
这是 Jerry 2021 年的第 28 篇文章,也是汪子熙公众号总共第 299 篇原创文章。 Jerry 之前的文章 在没有任何前端开发经验的基础上, 创建第一个 SAP Fiori Elements 应用,介绍了如何使用 Visual Studio Code,创建 SAP Fiori Elements 应用。 后来有朋友在微信上向我咨询,使用文章描述的步骤,生成的 Fiori Elemen
如何安装最新版本的 SAP ABAP Development Tool ( ADT ) 2021年度更新
下载链接:https://tools.hana.ondemand.com/#abap 首先安装 Eclipse IDE for Java Developers 找到适合自己操作系统的 Eclipse 安装包: 安装之后,打开Eclipse: Install -> New Softwares, 输入 url:https://tools.hana.ondemand.com/lat
ABAP R3 时代著名的 SFLIGHT 航班模型测试数据,到了S/4HANA时代的进化版
在 SAP R3 或者 SAP ECC 时代工作过的 SAP ABAP 开发顾问们,在 ABAP 学习阶段,一定都使用过著名的 SFLIGHT 航班模型。 SAPBC_DATAMODEL 开发包下,包含了 SFLIGHT, SPFLI 等一系列 ABAP 数据库表,能帮助大家学习 ABAP 这门编程语言。 到了 SAP S/4HANA 时代,CDS view 是 ABAP 里推荐的建模方式
SAP Fiori Elements 应用的 i18n 语法使用方式
我在 SAP Fiori Elements 应用 i18n 文件夹的 i18n.properties 里,使用 key = value 的格式,定义一个 key 为 CopyActionText 的记录,内容为 My Products(i18n) 我期望在我的 Fiori Elements list report 应用里,使用该支持翻译的字符串。 语法如上图所示:在本地注解文件里,找
SAP Fiori Elements List Report 里的表格类型(tableType)是如何决定出来的
从 SAP Fiori Elements 实现源代码中的 SmartTable.xml 能看出,ListReport 类型的 SAP Fiori Elements 应用,其表格类型包含 4 种: AnalyticalTableTreeTableGridTableResponsiveTable 这些表格类型,运行时是如何计算出来的? 在 preparationHelper.js 的 g
使用 XSLT 给 SAP PI 增加 CDATA
来自我的 SAP 技术交流群,感谢薛老板提供的代码: 代码: <xsl:template match="teaserText_fr"> <xsl:copy> <xsl:text disable-output-escaping="yes"><![CDATA[</xsl:text&g