使用SAP WebIDE建立SAP Fiori Elements应用

在新建项目菜单里，json

Category选择为SAP Fiori Elements，模板选择为List Report Application：spa

该List Report Application消费的OData服务，从Service Catalog的下拉菜单里选择指向ES5系统的Destination，从中选择EPM_REF_APPS_SHOP_SR这个服务：3d

选择Suppliers这个data collection：xml

OData Collection选择Suppliers：blog

一切就绪后，运行：排序

看到空白的页面，这是由于咱们还没有在该List Report Application里指定更多有意义的annotation：rem

新建一个annotation文件，用来存放咱们的自定义注解：it

而manifest.json也自动引用了咱们刚刚建立的annotation.xml:io

新建一个annotation：模板

注解类型选择为UI.LineItem:

在UI.LineItem下再建立一个DataFieldWithURL注解：

再添加一个UI.DataField注解。这样，在Fiori Elements绘制的表格里出现了两列，分别经过UI.DataFieldWithUrl和UI.DataField实现。

在添加一个UI.PresentationVariant注解，实现排序功能：

把UI.PresentationVariant.SortOrder.Common.SortOrder施加到Name字段上：

这样Name字段就支持自动排序了：

经过UI.HeaderInfo注解，咱们能够维护对用户更友好的信息：

分别经过UI.HeaderInfo的TypeName和TypeNamePlural维护HeaderInfo的单数和复数形式：

效果以下：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":