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

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

笔者将自己在 SAP 领域 16年(2007～2023) 的技术沉淀，进行了系统的归纳和总结，分别写成了三套由浅入深的学习教程，收到了不错的反响：

本教程是笔者开始编写的第四套开发教程。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 篇。

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

List Report 应用的外观：

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

自定义按钮的效果图：

Overview Page 的外观：

Object Page 应用的外观：

Work List 应用的外观：

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 代码，获取当前选中的表格行项目明细信息。

下面是这个需求的详细实现步骤。