SAP ui5 setModel 的核心逻辑

简介: Sent: Friday, March 20, 2015 3:28 PM

Sent: Friday, March 20, 2015 3:28 PM

为什么UI controlcall了setModel,传入了正确的json 数据之后,控件在runtime时仍然没有显示任何东西?


example:有一个table控件,items绑定如下:

image.png


某个table cell绑定信息如下:

image.png


通过setModel将如下的数据绑定到table上, ProductId在json数据里的值为HT-1020:

image.png


setModel的执行过程:


处理最外层的items绑定,其path是xml view里指定的/LineItemsimage.pngimage.png

sPath提示该binding是table最外层的binding,oList为json data里table的两条行数据:

image.png

依次处理table row里每个column的绑定:image.png

从这里能看出,setModel进行数据绑定的过程中,也是一个把Model里json data对应的字段的实际内容写入到bindingInfo 这个抽象类的instance里的过程,setModel完全可以看成一个赋值过程:



如何判断setModel是否成功执行

image.png

setModel执行完后,检查调用setModel的control instance的oModels field,找出里面名字和调用setModel时传入的model name一致的字段( 如果调用setModel时没有传model name,则model name 为undefined ):

image.png


如果发现aBindings length 大于0,并且能够从每个item里看到item 绑定的路径信息和实际的值,就说明setModel成功执行了。

image.png

相关文章
|
5月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
5月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
5月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
|
5月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
|
2月前
|
JavaScript 前端开发 安全
[译] 在 Vue 组件中分离 UI 和业务逻辑。
[译] 在 Vue 组件中分离 UI 和业务逻辑。
|
5月前
|
存储 安全 测试技术
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
使用 Visual Studio Code 创建 SAP UI5 项目遇到 self-signed security certificate 相关问题
|
2月前
|
C# 开发者 设计模式
WPF开发者必读:命令模式应用秘籍,轻松简化UI与业务逻辑交互,让你的代码更上一层楼!
【8月更文挑战第31天】在WPF应用开发中,命令模式是简化UI与业务逻辑交互的关键技术,通过将请求封装为对象,实现UI操作与业务逻辑分离,便于代码维护与扩展。本文介绍命令模式的概念及实现方法,包括使用`ICommand`接口、`RelayCommand`类及自定义命令等方式,并提供示例代码展示如何在项目中应用命令模式。
29 0
|
5月前
|
开发者 UED
SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
SAP UI5 SmartFilterBar 中 ControlConfiguration Aggregation 的作用介绍
|
3月前
Element UI 【表格合计】el-table 实战范例 -- 添加单位,自定义计算逻辑
Element UI 【表格合计】el-table 实战范例 -- 添加单位,自定义计算逻辑
196 0
|
5月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性

热门文章

最新文章

下一篇
无影云桌面