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 个,则链接区域最初为空。 相反,用户会看到一个定义链接按钮,该按钮会打开一个对话框,用于选择要显示的链接。


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

5d4c6812c8535adbb050f4ddf2e1bce8.png

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

46a9d80a6e05e4e3b19d57a0ee70bcdf.png

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

66ba272a0bfc97be54a5fa679e3d5482.png

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

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


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

在 metadata 成功加载之后,触发解析 metadata 数据的回调函数:

88b9988b40447cb37c7e3c492d49867f.png

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

5d4c6812c8535adbb050f4ddf2e1bce8.png

46a9d80a6e05e4e3b19d57a0ee70bcdf.png


创建新的 SmartLink 实例:

66ba272a0bfc97be54a5fa679e3d5482.png

得到 Design time 的值:

88b9988b40447cb37c7e3c492d49867f.png

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

5d4c6812c8535adbb050f4ddf2e1bce8.png

46a9d80a6e05e4e3b19d57a0ee70bcdf.png

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

46a9d80a6e05e4e3b19d57a0ee70bcdf.png

创建 SmartLink 实例:

66ba272a0bfc97be54a5fa679e3d5482.png

88b9988b40447cb37c7e3c492d49867f.png

1014213c4196c8798c8417b952a8a253.png







目录
相关文章
|
3月前
|
前端开发
SAP Fiori 应用上传中文附件的处理问题
SAP Fiori 应用上传中文附件的处理问题
36 0
|
2月前
|
IDE JavaScript 开发工具
什么是 SAP Fiori tools 的 environment check 功能
什么是 SAP Fiori tools 的 environment check 功能
26 0
|
1月前
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
15 0
|
1月前
|
UED
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
31 0
|
1月前
|
前端开发 UED
SAP Fiori 到底指什么
SAP Fiori 到底指什么
38 0
|
1月前
|
XML 前端开发 JavaScript
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
13 0
|
6月前
|
UED 开发者
关于 SAP Fiori Client 的 cordova-plugin-bluetooth-print 向蓝牙打印机发送并打印图片
关于 SAP Fiori Client 的 cordova-plugin-bluetooth-print 向蓝牙打印机发送并打印图片
57 0
|
2月前
|
XML 存储 JavaScript
关于 SAP Fiori Elements List Report 里的 TableCell.fragment.xml 头部声明
关于 SAP Fiori Elements List Report 里的 TableCell.fragment.xml 头部声明
22 0
|
2月前
SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍试读版
SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍试读版
17 0
|
3月前
关于 SAP Fiori 应用里如何处理名称包含中文的附件文件上传
关于 SAP Fiori 应用里如何处理名称包含中文的附件文件上传
23 1