乐趣区

关于前端:SAP-Fiori-Elements-List-Report-如何在扩展开发里使用代码获得当前选中的表格行项目行项目试读版

笔者从 2007 年电子科技大学计算机专业硕士毕业后退出 SAP 成都研究院,始终从事 SAP 产品设计和研发工作至今,对 SAP 多项技术有着深刻透彻的钻研,尤其精通 ABAP 编程,SAP UI5(Fiori) 利用开发和 SAP OData 服务开发。

笔者将本人在 SAP 畛域 16 年(2007~2023) 的技术积淀,进行了零碎的演绎和总结,别离写成了三套由浅入深的学习教程,收到了不错的反应:

  • 零根底疾速学习 ABAP
  • 一套适宜 SAP UI5 开发人员循序渐进的学习教程
  • SAP OData 开发实战教程 – 从入门到进步

本教程是笔者开始编写的 第四套开发教程 。Fiori Elements 是 SAP 公司的 旗舰级产品 第四代 ERP 产品 SAP S/4HANA UI 界面的开发工具,能够说在 SAP 浩如烟海的技术开发体系中,占据着 相对无足轻重 的位置。

Fiori Elements 开发技术绝对 SAP 其余历史悠久,倒退成熟的开发技术来说,是一个新事物,它于 2013 年才在 SAP 公司外部试用,过后还称为 Smart Template.

正因如此,迄今为止国内深刻解说 Fiori Elements 利用的中文资料简直没有。而笔者从 2015 年起,就成为 SAP 公司外部第一批应用 Fiori Elements 工具来开发利用的先驱,对这门技术有着本人独到的了解。

本教程是笔者在工作实战中应用 Fiori Elements 积攒的开发教训和感悟的汇总。

上面是本教程的目录。笔者承诺该教程实现之后,文章篇幅不少于 100 篇。

  • 0. 迈入 SAP Fiori Elements 开发的大门 – 什么是 Fiori Elements,它和 Freestyle UI5 开发方式有何区别?
  • 1. SAP Fiori Elements 开发环境的搭建和开发筹备工作
  • 2. 在 ES5 零碎注册用户以取得 Fiori Elements 开发教程测试 OData 服务的拜访账号
  • 3. 入手运行第一个 SAP Fiori Elements 利用(ListReport 类型)
  • 4. SAP Fiori Elements 本地利用启动的三种模式辨析
  • SAP UI5 开发里命令行 ui5 serve 和 npx fiori run 有什么区别?
  • 5. 入手开发第一个 SAP Fiori Elements 利用
  • 6. 知其然知其所以然 – 应用向导生成的 Fiori Elements 利用的文件构造剖析
  • 7. SAP Fiori Elements 利用里的 ui5.yaml 文件详解
  • 8. 如何找到 SAP Fiori Elements 利用某个字段显示值具体的数据源
  • 9. 如何批改 Fiori Elements 工程蕴含的本地注解 (annotations) 文件
  • 10. 如何通过扩大 (Extension) 的形式给 SAP Fiori Elements List Report 的表格新增列
  • 11. SAP Fiori Elements List Report 表格新增列扩大形式的工作原理
  • 12. SAP Fiori Tools Page Map 的实现详解和故障排除
  • 13. 如何应用 Guided Development 给 Fiori Elements List Report 的工具栏增加自定义按钮
  • 14. SAP Fiori Elements List Report 如何在扩大开发里应用代码取得以后选中的表格行我的项目行我的项目
  • 正在写作中

依照本教程介绍的步骤开发好的 Fiori Elements 利用源代码

List Report 利用

  • 1. ListReport 利用

List Report 利用的外观:

  • 2. 如何通过扩大 (Extension) 的形式给 SAP Fiori Elements List Report 的表格新增列 – 例子的残缺源代码

新增的自定义列的截图如下:

  • 3. List Report Table 工具栏区域自定义按钮的源代码

自定义按钮的效果图:

  • 4. List Report Table 工具栏自定义按钮点击后,如何获取选中行我的项目的数据

Overview Page 利用 – 正在编写中

Overview Page 的外观:

Object Page 利用 – 正在编写中

Object Page 利用的外观:

WorkList 利用 – 正在编写中

Work List 利用的外观:

Analytical List Page – 正在编写中

Analytical List Page 的外观:

本教程前一篇步骤,咱们介绍了如何通过 SAP Fiori Tools 的 Guided Development 性能,在 Fiori Elements List Report 类型利用的 Table 控件的 Toolbar 区域,新增一个自定义 Action 即按钮。

咱们选中表格行我的项目之后,点击这个自定义按钮 Test Action,弹出一个 Message Toast.

有敌人征询我,他在理论工作中有个需要:在 List Report table 区域的工具栏里新建按钮,点击后,提取出以后选中表格行我的项目的数据,而后调用第三方 API 进行业务交互。

为了实现这个需要,咱们须要在 Guided Development 里生成的控制器扩大里编写 JavaScript 代码,获取以后选中的表格行我的项目明细信息。

上面是这个需要的具体实现步骤。

退出移动版