通过一个具体的例子,深入了解 SAP UI5 控件数据双向绑定的工作原理和问题排查方法试读版

简介: 通过一个具体的例子,深入了解 SAP UI5 控件数据双向绑定的工作原理和问题排查方法试读版

笔者知识星球里有朋友提问:

SAP UI5 中的 sap.m.select 控件,在当前页面做任何操作时,都可以选中key 值,但触发 dialog 之后,可以看到 select 框内的 key 值被清空,当关闭 dialog 后,再去选择 key 值,无任何反应,请问是 select 控件的问题还是 dialog 的问题又或者是 odata 写法有问题,谢谢!

bfc4810bfee1a7921400125550917108.png

2c7c0b327440a8fbf16e74bf37e1dcec.png

针对这个问题的具体解答,笔者已经更新在本教程第 95 篇文章的末尾,大家可以移步到下面这个链接查看:


  • SAP UI5 应用开发教程之九十五 - SAP UI5 下拉菜单(Select) 控件的使用方式


这个问题背后蕴藏的知识点是:SAP UI5 控件数据双向绑定的工作原理,以及出现问题后,一些调试的关键点。


经常有 SAP UI5 开发人员向我咨询:这些开发人员按照了 SAP UI5 官网上的数据绑定语法,将控件绑定到了 JSON 或者 OData 模型的某个字段上,但是运行时,页面上的控件,并没有能显示出期望中的数据。遇到这种情况,开发人员自己如何排查错误?


所谓数据双向绑定,是指:

(1) 模型字段值发生变化后,绑定到该字段的 SAP UI5 控件属性也自动变化。这是从模型控件的数据流动。

(2) UI 控件属性发生变化,比如在 UI 上被用户修改后,其对应绑定的模型字段值也发生变化。这是从控件模型的数据流动。


下面我们还是通过一个具体的例子来理解。

相关文章
|
18天前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
|
23天前
|
人工智能 搜索推荐 Serverless
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
53 7
使用金庸的著作,来测试阿里通义千问最新开放的长文档处理功能
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
15 0
|
1月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
33 0
|
1月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
21 0
|
1月前
|
搜索推荐
SAP UI5 SmartTable.prototype._onMetadataInitialised 方法的深入介绍
SAP UI5 SmartTable.prototype._onMetadataInitialised 方法的深入介绍
32 0
|
1月前
|
JSON 前端开发 开发者
sap.ui.model.Model.checkUpdate 方法介绍
sap.ui.model.Model.checkUpdate 方法介绍
11 0
|
1月前
|
存储 JSON 供应链
sap.ui.model.Model.refresh 方法介绍
sap.ui.model.Model.refresh 方法介绍
38 0
|
1月前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
20 0

热门文章

最新文章