SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版

简介: SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版

本文介绍的这个 sap.m.Link 控件看似简单,但它确实学习 SAP UI5 Smart Control 控件家族里 Smart Link 乃至 Fiori Elements 里基于 Semantic Object 进行应用间跳转的重要理论基础,因此我们有必要牢固掌握这个控件的使用方法。

比如 Fiori Elements List Report 类型的应用,其 Smart Table 区域的表格列,有很多超链接。

点击这些超链接之后,可以看到一些弹出对话框:

类似上面描述的这种场景,就大量使用到了 SAP UI5 的 Link 控件。俗话说千里之行,始于足下,本文我们先从最简单的 sap.m.Link 控件开始学起。

进入 190 文件夹,运行命令行 npm install 然后运行 ui5 serve,打开 url http://localhost:8080/webapp/index.html,能看到如下的应用界面:

我们可以看到,这个表格的五个列,全部渲染成 Link 即超链接的格式。但这些超链接又有细微的区别。

下面是详细的介绍。

相关文章
|
4天前
|
API
在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
【2月更文挑战第28天】 在阿里云RPA中,你可以使用"SetForegroundWindow"函数来将SAP控件置顶
28 1
|
4天前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
33 0
|
4天前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
18 0
|
4天前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
38 0
|
4天前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
37 0
|
4天前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
24 0
|
4天前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
27 0
|
4天前
|
缓存 JavaScript 前端开发
如何理解 SAP UI5 的 sap.ui.define 函数?
如何理解 SAP UI5 的 sap.ui.define 函数?
59 0
|
4天前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
14 3
|
4天前
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
18 1
什么是 SAP ABAP 里的 Subscreen
http://www.vxiaotou.com