SAP UI5 setProperty 的执行逻辑单步调式和分析
按照 Jerry 這篇文章介紹的代碼,運行之后,給類型為 sap.ui.model.type.Currency 的字段設置一個非 number 類型的值之后,觸發該數據類型自帶的數據校驗機制,顯示 Enter a number 的錯誤消息。
SAP UI5 應用開發教程之四十六 - 使用 Message Manager 實現開箱即用的驗證(Validation)信息拋出
本文介紹 SAP UI5 ManagedObject 的 setProperty 方法的執行原理。
首先明確,什么是 ManagedObject?
托管屬性表示 ManagedObject 的狀態。 它們可以存儲簡單數據類型(如“字符串”或“整數”)的單個值。 它們具有名稱(例如“size”)和獲取當前值(getSize)或設置新值(setSize)的方法。 當通過調用 setter 修改屬性時,ManagedObject 被標記為無效。 可以使用 #bindProperty 方法將托管屬性綁定到 sap.ui.model.Model 中的屬性。 對模型屬性的更新將自動反映在托管屬性中,并且 - 如果 TwoWay 數據綁定處于活動狀態,則對托管屬性的更改將反映在模型中。 可以通過調用#unbindProperty 刪除現有綁定。
當 input 控件失去 focus 之后,觸發 onsapfocusleave,這個方法調用 onChange:
傳入的輸入參數,event 類型為 sapfocusleave:
如果當前最新的值和之前的值 getLastValue() 不相等,則調用 this.setValue:
Input.setValue 調用 InputBase.setValue:
setValue 最終調用 setProperty,屬性名稱為 value:
正式進入 setProperty 方法,首先從 mProperties 里得到修改之前的值:
然后進行 validateProperty:
validateProperty 內部,首先從 this.getMetadata().getManagedProperty(sPropertyName) 讀取該 value 屬性的 元數據:
關于 SAP UI5 控件的元數據設計,請參考我這篇文章:
深入學習SAP UI5框架代碼系列之四:SAP UI5控件的元數據實現。
獲得 string 類型對象:
類型對象由一系列函數組成:
執行 normalize 操作:
將這個不合法的 value,設置到 this.mProperties[sPropertyName] 中。
進行雙向綁定的邏輯處理:this.updateModelProperty
拿到綁定對象:
進入雙向綁定的處理分支:
if (oBinding && oBinding.getBindingMode() == BindingMode.TwoWay) {oBindingInfo.skipPropertyUpdate++;SyncPromise.resolve(oValue).then(function(oValue) {return oBinding.setExternalValue(oValue);}).then(function() {oBindingInfo.skipPropertyUpdate--;return oBinding.getExternalValue();}).then(function(oExternalValue) {if (oValue != oExternalValue) {that.updateProperty(sName);}handleSuccess();}).catch(function(oException) {oBindingInfo.skipPropertyUpdate--;handleException(oException);}).unwrap(); SyncPromise.resolve(oValue).then(function(oValue) {return oBinding.setExternalValue(oValue);})在 CompositeBinding.js 內部,核心邏輯是第 325 行的代碼:
that.oType.parseValue(oValue, that.sInternalType, aCurrentValues);調用 outputFormat 進行輸入值的解析工作:
總結
以上是生活随笔為你收集整理的SAP UI5 setProperty 的执行逻辑单步调式和分析的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 魔兽世界怀旧服闪光雷图纸获取方法 怀旧服
- 下一篇: SAP 电商云 Spartacus UI