連結：https://sapui5.hana.ondemand.com/resources/sap/ui/core/manifest.json

從 `ApplicationVersion` 裡能得到 SAP UI5 框架最新的版本：`1.101.0`
![](https://img-blog.csdnimg.cn/img_convert/209507b7b4cf87dac1c1d802d95cb2fa.png)

這個最新的版本也能在下面的連結裡得到：
https://sapui5.hana.ondemand.com/

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

`openSourceComponents` 裡能得到 SAP UI5 使用的所有開源庫的版本號：

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

支援的 locale：
![](https://img-blog.csdnimg.cn/img_convert/0eadf052119695e555d178e7f1892508.png)

sap ui core 支援的控制元件，元素，型別和介面如下圖所示：

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

# controls

應用開發人員不會直接在 XML 檢視裡使用這些控制元件。而是基於這些 core 控制元件做擴充套件，建立自己的擴充套件控制元件，然後在 XML 檢視裡使用擴充套件控制元件。
![](https://img-blog.csdnimg.cn/img_convert/f08a08f2ee521bf649b377c660a46c7c.png)

# elements

以 `sap.ui.core.CustomData` 為例，這個元素包含附加到元素的自定義資料的單個鍵/值對。SAPUI5 提供 data() 方法將資料物件附加到控制元件。

data() 方法包含在 `sap/ui/core/Element` 中。 開發人員可以使用此方法設定和獲取資料。 該 API 等效於 jQuery.data().

以下附加選項可用於將資料附加到 SAPUI5 控制元件：

- 在 XML 檢視和 JSON 檢視中以宣告方式附加資料。
- 使用資料繫結，請參閱資料繫結。
- 僅適用於字串：將資料作為 `data-*` 屬性寫入 HTML DOM

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

例子：

```javascript
myButton.data("myData", "Hello");  // attach some data to the Button

alert(myButton.data("myData"));     // alerts "Hello"

var dataObject = myButton.data();  // a JS object containing ALL data
alert(dataObject.myData);          // alerts "Hello"
```

# types

以 `sap.ui.core.Design` 為例：
[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片儲存下來直接上傳(img-25Pxl9nI-1653892105706)(https://upload-images.jianshu.io/upload_images/2085791-2fd0d115221eef7b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)]

這是一個列舉型別, 可選值有 `Monospace` 和 `Standard` 兩種：

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

# interfaces

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

以 `sap.ui.core.IFormContent` 為例：可用作 sap.ui.layout.form.Form 或 sap.ui.layout.form.SimpleForm 內容的控制元件的標記介面。

如果 Form 控制元件不能調整控制元件的寬度以滿足單元格的寬度，則該控制元件必須實現 getFormDoNotAdjustWidth 函式並返回 true。

sap.ui.core.IShrinkable: 適合 shrink 的控制元件的介面。

這意味著當控制元件變得小於其正常大小時，它應該保持正常的外觀顯示效果，例如在收縮的情況下，仍舊可以顯示省略號的文字控制元件。

注意這個標記介面可以透過控制元件來實現，從而給容器一個提示。 控制元件本身不需要實現任何東西。解析此介面的父控制元件將應用 `flex-shrink` 作為 CSS 屬性，該屬性確定在分配負可用空間時，該專案相對於容器中的其餘專案將收縮多少。

SAP UI5 框架的 manifest.json

相關文章