SAP Fiori Elements List Report 裡 Smart Table 模板的設計原理：

sap.suite.ui.generic.template.fragments.TableColumns 和 sap.suite.ui.generic.template.fragments.TableColumnListItem 分別顯示錶頭和表的行內容。

![](https://img-blog.csdnimg.cn/img_convert/f17033c1e218a6b39e1eef864bbb0d84.png)

執行時，這些 fragments 對應的 XML 資源被載入如下：

![](https://img-blog.csdnimg.cn/img_convert/8f15726c7334730f84ae1a2a30e1a47c.png)

# SAP Fiori Elements 專案裡和 i18n 相關的設定

i18n 相關的設定：

![](https://img-blog.csdnimg.cn/img_convert/e582e2608bfda8408a54084dd3a4fb27.png)

指定 ListReport 使用的 main entityset 為：SEPMRA_C_PD_Product：

![](https://img-blog.csdnimg.cn/img_convert/ae03009569caeae78086bed483d458f7.png)

Fiori Elements 應用向後臺發起的 OData 請求：

![](https://img-blog.csdnimg.cn/img_convert/fb2ddee1e838eefe976559a8cde1ecad.png)

響應裡包含的 edmx 標籤是什麼含義？

> edmx file is an XML file that defines an Entity Data Model (EDM), describes the target database schema, and defines the mapping between the EDM and the database.

edmx 檔案是一個 xml 格式的檔案，定義了一個 Entity Data Model，簡稱 EDM，描述了目標資料庫 Schema，以及 EDM 到資料庫表的對映關係。

manifest.json 檔案裡和翻譯，國際化(i18n)相關的設定點：

![](https://img-blog.csdnimg.cn/img_convert/4a8b9d0b1ec7cb2ed029a5c55234d4a8.png)

resources 欄位指定的檔案：resources.json - it lists all resources in a component or library folder. It resides next to each manifest.json in the generated results.

list report 裡顯示 Smart Table 的設計原理：

```xml
<view xmlns:mvc="sap.ui.core.mvc" xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1" template:require="sap.suite.ui.generic.template.js.StableIdHelper" xmlns="sap.m" xmlns:core="sap.ui.core" xmlns:semantic="sap.m.semantic" xmlns:ushell="sap.ushell.ui" xmlns:build="sap.build" xmlns:st="sap.suite.ui.generic.template">
	<fragment fragmentname="sap.suite.ui.generic.template.ListReport.view.fragments.FullscreenPage" type="XML"></fragment>
	
	<with path="parameter>/templateSpecific/tableSettings/createWithParameterDialog" var="createWithParameterDialog">
		<fragment fragmentname="sap.suite.ui.generic.template.fragments.CreateWithDialog" type="XML"></fragment>
	</with>
</view>
```

![](https://img-blog.csdnimg.cn/img_convert/17b1feed75fb620ea07be13897c597c1.png)

IconTabBarWithSmartTable

![](https://img-blog.csdnimg.cn/img_convert/87035d0bf75d9e9f42cd284f111daaa0.png)

下圖高亮這個 fragment 即包含 SmartTable 的實現：

![](https://img-blog.csdnimg.cn/img_convert/8dcd805d832a5ae72a01899031e16036.png)

List Report 支援不同的表格型別：

* AnalyticalTable
* TreeTable
* GridTable
* ResponsiveTable ( 預設 ）

![](https://img-blog.csdnimg.cn/img_convert/cafd90bee098c3566998403498555c33.png)

https://sapui5.hana.ondemand.com/1.36.6/docs/guide/c2f4684363c64d5fbaf65662c11dc6ea.html

> The app configures several data models that are used throughout the app to update the views or to store additional configuration options.

SAP UI5 應用配置了需要在 app 中使用的資料模型，用來更新檢視，或者儲存額外資訊。

> The service model and the resource bundle are instantiated automatically by the app’s component during startup.

SAP UI5 應用模型和 resource bundle，在應用 Component 啟動時自動被初始化。

> The local view models and helper models such as the device model are set up as JSON models.

本地檢視模型，以及出於輔助目的引入的模型，比如 device 模型，實現模式為 JSON model.

SAP Fiori Elements 學習筆記 - 2021年4月19日

相關文章