20. SAP UI5 的表达式绑定(expression binding)用法讲解

已于 2024-09-27 14:58:19 修改
阅读量2.1k 收藏 1
点赞数
分类专栏： 一套适合 SAP UI5 开发人员循序渐进的学习教程 文章标签： sap javascript 前端 fiori 前端开发
于 2022-01-27 15:48:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i042416/article/details/122719005
版权

文章目录

SAP UI5 应用开发教程之二十 - SAP UI5 的表达式绑定(expression binding)用法讲解

在本教程的前一步骤 SAP UI5 初学者教程之十九 - SAP UI5 数据类型和复杂的数据绑定 里，我们已经开发了一个具有金额和货币显示的发票列表，效果如下图所示：

本步骤我们继续对这个发票列表添加一些额外的效果。如果发票金额大于 50，就用红色高亮这个金额。

效果如下图所示：


本步骤源代码位置链接在此。

下面是详细实现步骤和原理解析。

所谓表达式绑定(expression binding)

了解本专栏 订阅专栏 解锁全文
深入学习 SAP UI5 框架代码系列之六：SAP UI5 控件数据绑定的实现原理
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
01-08 770
希望通过本文的介绍，能让大家对SAP UI5控件数据绑定的实现原理有一个最基本的了解。 如果遇到控件绑定不能按照自己的期望工作的时候，不妨试试按照本文提到的这些关键点去调试。 本系列下一篇文章，会介绍SAP UI5控件数据绑定的三种模式：One Way，Two Way和OneTime的实现原理比较。 我的实际工作中发现，了解了SAP UI5这些数据绑定方式的实现，对我近期学习Angular的数据绑定也有一定的借鉴作用。
让 Visual Studio Code 本地开发 SAP UI5 体验更丝滑的一些 Extensions，推荐安装
最新发布
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
12-11 267
除了笔者下面两篇文章提到的 Visual Studio Code 扩展之外，本文介绍的是笔者自己在 SAP UI5 开发过程中使用的 Visual Studio Code Extensions，能提高不少开发效率。请大家根据自己实际的需要决定是否安装。
UI5-文档-4.22-Expression Binding
abbilglf665483的博客
12-11 173
有时预定义的SAPUI5类型不够灵活，您希望在视图中执行简单的计算或格式化——这正是表达式真正有用的地方。我们使用它们根据数据模型中的当前数字格式化价格。 Preview The price is now formatted according to its number Coding You can view and download all filesatWalkt...
绑定表达式
weixin_30732487的博客
05-27 75
<%=%> 可以绑定一切东西,基本页面都能用 绑定变量：<%=变量名 %> 变量名和前面的=号不能有空格，变量必须是全局变量 比如 public string s; 绑定提交的数据：<%=Rquest['数据'] %> 转载于:https://www.cnblogs.com/liupengfei19940119/p/3755721.html...
调用 sap.ui.base.ManagedObject 的构造函数时，如何传递绑定路径进去
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
09-09 226
请注意，在设置字符串值时，这些值中的任何花括号都需要转义，因此它们不会被解释为绑定表达式。或为简单起见，如果只有一个上下文，则直接使用。我们通过一个具体的例子来学习。
【SAPUI5开发新手必看】：打造顶级开发环境的5个秘诀
![【SAPUI5开发新手必看】：打造顶级开发环境的5个秘诀]...随后，文章深入讲解了基础实践，包括视图和控制器的创建、数据绑定、模型处理以及控件库的使用。高级功能开发部分探讨了数据处理、路由导航
SAP Fiori Elements 应用里的 visitor 访问者设计模式
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
07-25 122
在这段代码中，访问者通过 Promise 结构返回处理结果，这可以看作是访问者在访问过程中累积的状态。这种通过访问者访问和处理元素的方式，将元素与处理逻辑分离，增加了代码的可扩展性和复用性。当需要对元素进行新的操作时，只需要定义新的访问者，而无需修改元素类。这种模式在对象结构中的元素上定义一个访问操作，该操作以一个访问者作为参数，访问者在该操作中实现了一个针对该元素的操作。它们对 XML DOM 元素及其属性进行访问，解析属性中可能存在的绑定表达式，并将解析后的结果替换原始属性值。函数访问单个属性，通过。
SAPUI5学习第九天-----（13）Aggregation Binding聚合绑定和Data Types数据类型和Expression Binding绑定表达式
'尤其是十月的风'的博客
07-13 426
Aggregation Binding 官网代码 现在我们已经为应用建立了一个良好的结构，是时候添加更多功能了。通过添加JSON格式的发票数据，我们开始探索数据绑定的更多特性，这些数据显示在面板下方的列表中。 Coding webapp/Invoices.json (新建) { "Invoices": [ { "ProductName": "Pineapple", "Quantity": 21, "ExtendedPrice": 87.2000, "ShipperName"
SAP UI5 Demo 绑定…
森林木的博客
10-24 908
Create a project UI5 Demo 绑定自定义的json数据" />   UI5 Demo 绑定自定义的json数据" />   UI5 Demo 绑定自定义的json数据" />   UI5 Demo 绑定自定义的json数据" />   UI5 Demo 绑定自定义的json数据" />   Index内添加代码，尤其注意一点儿，libs 内需要手动加上 sap.ui.tabl
SAP UI5 的数据绑定语法概述
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
03-29 215
在 SAP UI5 中，bindingSyntax（绑定语法）是指用于数据绑定的表达式语法。绑定语法用于将数据源中的数据与控件、模型或其他可管理对象的属性或聚合进行绑定，实现动态展示和更新数据的效果。
19. SAP UI5 应用开发教程之十九 - SAP UI5 数据类型和复杂的数据绑定
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
01-26 2481
通过本教程前面的步骤SAP UI5 初学者教程之十七 - 聚合绑定在 UI5 复合控件中的使用的介绍，我们已经学会了如何在 SAP UI5 里显示列表，如下图所示： 本步骤我们给该列表添加更多的业务数据，比如每张发票的金额。 按照本文的步骤完成的 SAP UI5 应用，列表如下图所示： 可以看到，同前一个步骤相比，现在 Invoices 表格里，每张发票的金额和货币单位已经显示出来了。 为了实现这个效果，本步骤的源代码位于我的 Github 这个文件夹下面： https://github.com/wan
数据绑定表达式
Joetao的专栏
12-22 3737
数据绑定表达式(上)：.NET发现之旅(一) 2009-06-30 10:29:06 来源：网络转载 作者：佚名 共有评论(0)条 浏览次数:859 　　作为.NET平台软件开发者，我们频繁与各种各样的数据交互，这些数据常常来源于文本、自定义类型、XML、数据库等，访问这些数据有很多方法，而数据绑定表达式便是其中最常用也是最实用的方法之一。我用2篇博文，尽量说透。NET平台数据绑定表达的来
关于SAP UI5 数据绑定我的一些原创内容
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
11-04 575
如何查找SAP UI5官方关于数据绑定的文档： https://sapui5.hana.ondemand.com/ 点Documentation： Filter里输入data就能看到Data Binding的文档了。 下面是一些我的原创文章。 Jerry写过一个如何自学UI5框架的系列文章，一共包含13篇文章。 其中系列6和系列7深入讲了SAP UI5数据绑定的实现： 第6篇文章：https:...
关于SAP UI5数据绑定我的一些原创内容
weixin_34007020的博客
11-01 127
如何查找SAP UI5官方关于数据绑定的文档：https://sapui5.hana.ondemand....点Documentation： Filter里输入data就能看到Data Binding的文档了。 下面是一些我的原创文章。 Jerry写过一个如何自学UI5框架的系列文章，一共包含13篇文章。 其中系列6和系列7深入讲了SAP...
第22步:表达式绑定
Pianpianluoye
07-21 211
第22步:表达式绑定
SAP UI5 数据绑定中的工厂函数
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-10 346
工厂函数是一种更强大的从模型数据创建控件的方法。 为控件聚合的每个条目调用工厂函数，开发人员可以决定每个条目是否应由具有不同属性的相同控件表示，甚至每个条目由完全不同的控件表示。 工厂函数带有参数sId，它应该用作新控件的ID，以及oContext，它用于访问条目的模型数据。 返回的对象必须是 sap.ui.core.Element 类型。 下面是如何在 XML 视图和控制器中使用来自 List Binding（Aggregation Binding）的 JSON 模型数据来实现此场景： <mvc:V
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值