Fiori Elements 前端常用功能

Fiori Elements 的APP开发时,大部份功能可以在后端ODATA,或者是CDS中使用UI注释来标注生成对应的功能(参看),也可以在前端SAP WEB IDE中进行加入代码(参数)进行设置,以下以主要记录一些常用功能的设置

Fiori Elements 前端常用功能 - 第1张  | 优通SAP

1.多选功能

默认在BOPF对应的消费CDS生成ODATA后,并生成的List Report的APP时,生成的主页中的项目是单选的,如需要进行多项选择时,需要对manifest.json文件进行修改,增加settings节点,并设置”multiSelect”: true,

2.用颜色标记行状态

在显示列表时,我们会希望每一行中数据的值来显示不同的颜色,以做记录,这时可对annotations.xml文件进行修改,在UI.LineItem下增加UI.Criticality来标记,其Path的值使用当前列表(或者关联association表)的字段,比如下面例子的就是关联表to_ZFST的zfstatus字段的值,其值对应如下。

也可以在CDS中使用注释:@UI.lineItem: [{criticality: ‘ZTSC’}] //行颜色标记

进行颜色标记。

‘0’ // – None (no color)
‘1’ // – Error (red)
‘2’ // – Warning (yellow)
‘3’// – Success (green)

3.把BOPF按钮功能显示到页脚

在 List Report 默认生成时,BOPF对应的按钮是显示在列头上的,比如图中的“删除”“增加”按钮,如需要把BOPF的功能按钮显示在页脚,可以对annotations.xml文件进 修改,在对应的功能按钮上增加Determining属性,设置为TRUE.

在manifest.json,增加的按钮,可以放到页眉,页脚,如下“扩展功能”按钮。

4.把 List Report 显示为主从结构

在 List Report 默认生成后,点击主页,显示的明细页是完全为新页,这时是看不到主页数据的,可以对manifest.json文件进行修改 ,用于显示了主表结构,主页,与明细页显示为左右结构,这样就主页与明细页的数据都同时能见。