按照 Jerry 這篇文章介紹的程式碼，執行之後，給型別為 `sap.ui.model.type.Currency` 的欄位設定一個非 `number` 型別的值之後，觸發該資料型別自帶的資料校驗機制，顯示 `Enter a number` 的錯誤訊息。

[SAP UI5 應用開發教程之四十六 - 使用 Message Manager 實現開箱即用的驗證(Validation)資訊丟擲](https://jerry.blog.csdn.net/article/details/123142913)

本文介紹這個 `Enter a number` 文字的資料來源。

入口處：`sap.ui.define` 導致 `ResourceBundle` 的載入：

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

資源包是 *.properties 檔案的集合。所有檔案都使用相同的基本名稱（標識資源包的字首）、標識每個檔案中包含的語言的可選字尾以及固定的 .properties 副檔名來命名。語言字尾是根據舊的 JDK 語言環境語法形成的。按照慣例，應該存在沒有語言字尾的檔案，幷包含開發人員語言的原始未翻譯文字。如果找不到更合適的語言，則使用此檔案。

當需要本地化文字時，應用程式使用 SAPUI5 API 載入與當前語言最匹配的屬性檔案。這同樣適用於可以表示為字串的任何其他本地化資料，例如日期格式化字串。要從屬性檔案中檢索文字，應用程式使用（與語言無關的）鍵。如果找不到此鍵的文字，則載入下一個最佳匹配檔案並檢查文字。最後，如果沒有檔案匹配，則載入並檢查原始檔案。

執行 `sap/m/ListItemBase.js` module 的載入：

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

在 `ListItemBase.js` 裡需要讀取 `edit` icon 的 url，因此觸發 `ResourceBundle` 的載入：

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

```javascript
ListItemBase.prototype.DetailIconURI = IconPool.getIconURI("edit");
```
![](https://img-blog.csdnimg.cn/img_convert/ef96c7873145778af09315274d4df49f.png)

進而觸發 `CoreResourceBundle` 的載入：

```javascript
if (typeof info === 'number') {
					mRegistry[collectionName][iconName] = undefined; // avoid duplicate icon warning
					info = _IconRegistry.addIcon(iconName, collectionName, {
						fontFamily: mFontRegistry[collectionName].config.fontFamily,
						content: info & 0xFFFF,
						suppressMirroring: !!(info & 0x10000),
						resourceBundle: getCoreResourceBundle()
					});
				}
```

載入程式碼：

```javascript
// Lazy load core resource bundle
		function getCoreResourceBundle() {
			if (!oCoreResourceBundle) {
				oCoreResourceBundle = sap.ui.getCore().getLibraryResourceBundle("sap.ui.core");
			}
			return oCoreResourceBundle;
		}
```
最後得到 resource bundle 的完整 url：

https://sapui5.hana.ondemand.com/resources/sap/ui/core/messagebundle.properties

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

將上述 url 輸入瀏覽器位址列訪問，得到完整的 resource bundle 內容：Enter a number 也在其中。

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

`ResourceBundle.prototype.getText`：

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

SAP UI5 Library Resource Bundle 的設計原理

相關文章