在新建項目菜單里，

Category選擇為SAP Fiori Elements，模板選擇為List Report Application：

該List Report Application消費的OData服務，從Service Catalog的下拉菜單里選擇指向ES5系統的Destination，從中選擇EPM_REF_APPS_SHOP_SR這個服務：

選擇Suppliers這個data collection：

OData Collection選擇Suppliers：

一切就緒后，運行：

看到空白的頁面，這是因為我們尚未在該List Report Application里指定更多有意義的annotation：

新建一個annotation文件，用來存放我們的自定義注解：

而manifest.json也自動引用了我們剛剛創建的annotation.xml:

新建一個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的原創文章，請關注公眾號"汪子熙":

總結

以上是生活随笔為你收集整理的使用 SAP WebIDE 创建 SAP Fiori Elements 应用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。