SAP UI5 Fiori Elements Smart Control 组成部分介绍

简介: SAP UI5 Fiori Elements Smart Control 组成部分介绍

Smart Link 弹出框包含以下区域:


Smart Link 弹出框的标题栏仅在移动设备上可见(参见示例图片以了解响应能力,尺寸 S)。


  • 标题区(Title Area)包含标题和副标题。 您还可以将标题显示为链接,该链接可用于导航到相应的对象或情况说明书。 例如,您可以使用副标题来显示对象 ID。


  • 内容区域(Content Area)显示与对象相关的信息,例如有关产品的详细信息或联系信息。 您可以根据最适合您的用例使用任何 UI 控件。


  • 链接区域(Link Area)提供与用户角色相关的所有其他应用程序的链接。 链接列表包括为应用程序定义的所有语义对象,还可以包括应用程序开发团队手动定义的附加链接。 链接区域可以有两种状态:


  • 链接区域为空:如果没有为应用选择链接,或者链接超过 10 个,则链接区域最初为空。 相反,用户会看到一个定义链接按钮,该按钮会打开一个对话框,用于选择要显示的链接。


  • 显示链接:只要链接区域包含链接,按钮文本就会更改为更多链接。 这将打开相同的选择对话框。


我有一个 XML 视图,里面绑定到了 OData 模型的 Name 字段:




运行时,这个 Name 字段上的注解如何被解析的呢?


this._oFactory = this._createFactory(sModelName, oModel, sBindingPath, oConfig);



使用 sap.ui.require 显式加载 SmartField library:


SmartField = sap.ui.require("sap/ui/comp/smartfield/SmartField");




OData 模型字段上的注解,已经被解析出来维护在 this._oMetaData 上。




创建新的 SmartLink 实例:





得到 Design time 的值:



如果 annotation 的 semantic 有值,就执行 _createEdmSemantic 方法:



动态执行方法,创建对应的实例:



创建 SmartLink 实例:




相关文章
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
|
4月前
|
XML 存储 JavaScript
关于 SAP Fiori Elements List Report 里的 TableCell.fragment.xml 头部声明
关于 SAP Fiori Elements List Report 里的 TableCell.fragment.xml 头部声明
SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍试读版
SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍试读版
|
4月前
|
API
SAP Fiori Elements 针对 OData V2 和 V4 的 Extension API
SAP Fiori Elements 针对 OData V2 和 V4 的 Extension API
|
4月前
|
设计模式 前端开发 JavaScript
关于 SAP Fiori Elements List Report Go 按钮的实现
关于 SAP Fiori Elements List Report Go 按钮的实现
|
10月前
|
前端开发 开发者 容器
SAP Fiori Elements List Report 应用里 Header 字段的绑定路径
SAP Fiori Elements List Report 应用里 Header 字段的绑定路径
|
4月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
4月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
4月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
|
4月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍