SAP UI5 Smart Value Help 总结

简介: SAP UI5 Smart Value Help 总结

在 Product 这个 EntityType 上,定义一个 property,名叫 CurrencyCode.


我们的 Smart Field 并不直接绑定到这个 CurrencyCode 上,而是绑定到另一个只包含纯粹价格值的 Price 字段上。Price 字段通过注解 sap:unit=“CurrencyCode”,将其的单位字段,绑定到 CurrencyCode 字段上。


货币单位通过另一个名叫 Currency 的 EntityType 来描述。这个 EntityType 包含 CURR 和 DESCR 两个 property,分别表示货币单位的 code 和描述值。


那么 Price 在运行时显示的单位,到底应该显示 CURR 的值,还是 DESCR 的值呢?这就得通过下图所示的自定义注解来指定了。


(1) 通过 Target 属性,指定以下注解施加的目标字段是 CurrencyCode


(2) 给 CurrencyCode 定义的注解类型是 com.sap.vocabularies.Common.v1.ValueList


(3) 给注解定义 Label 属性的值为 Currency,即 UI 界面元素的标签显示为 Currency 这个字符串。因为我们的例子,货币单位仅仅显示为一个 Text Field,不会显示出标签文本,所以这个 Label 属性无论定义与否都无关紧要。


image.png


(4) CollectionPath 属性指定 CurrencyCode 的 Value Help 的数据源,来自 EntityType Currency. 这个属性值如果指定错误,会遇到下图所示的错误消息:


Right now, there are no visible columns in the table. Please select the columns you need in the table settings.


本来应该显示货币列表的表格里,现在什么也没有显示。


image.png


(5) 通过 com.sap.vocabularies.Common.v1.ValueListParameterOut 的 LocalDataProperty 以及 ValueListProperty 属性,分别将 CurrencyCode 和 CURR 绑定起来。


(6) 设置 Currency EntityType 的 DESCR 字段类型为 com.sap.vocabularies.Common.v1.ValueListParameterDisplayOnly,意思是这个字段仅仅是为了增加 Value Help 里表格显示的可读性而设计出来供锦上添花之用。


当用户在 Value Help Table 里选择了某一行之后,该行的 CURR 字段值会传回到 CurrencyCode 字段上,而 DESCR 字段值不会参与到 Value Help 值传递场景中。



image.png

相关文章
|
5月前
|
JavaScript 前端开发 数据库
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
如何在 SAP CRM 里通过 navigation framework 跳转到 ABAP Webdynpro 页面
|
12月前
|
搜索推荐 Shell API
SAP Fiori Launchpad 概述
SAP Fiori Launchpad 概述
|
XML 开发框架 前端开发
浅谈 Fiori Fundamentals 和 SAP UI5 Web Components 的关系
浅谈 Fiori Fundamentals 和 SAP UI5 Web Components 的关系
|
12月前
|
存储 设计模式 前端开发
什么是 SAP 的 BSP UI 技术
什么是 SAP 的 BSP UI 技术
|
12月前
|
数据可视化 C++
使用 SAP Fiori tools 开发 SAP UI5 应用
使用 SAP Fiori tools 开发 SAP UI5 应用
|
XML 测试技术 数据格式
SAP UI5 Fiori Elements Smart Control 组成部分介绍
SAP UI5 Fiori Elements Smart Control 组成部分介绍
|
搜索推荐
SAP UI5 Smart Chart 功能介绍
SAP UI5 Smart Chart 功能介绍
|
API 容器
什么是 SAP UI5 的 Smart Field
什么是 SAP UI5 的 Smart Field
|
Web App开发 前端开发 API
SAP UI5 sap.ui.Device.media.RANGESETS.SAP_STANDARD_EXTENDED 介绍
SAP UI5 sap.ui.Device.media.RANGESETS.SAP_STANDARD_EXTENDED 介绍