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 即超链接的格式。但这些超链接又有细微的区别。

下面是详细的介绍。

相关文章
|
12天前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
24 0
|
12天前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
24 0
|
12天前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
12天前
|
容器
基于element-ui的侧边栏及其使用方法
基于element-ui的侧边栏及其使用方法
76 0
|
5月前
|
JavaScript
【Vue学习】—Vue UI组件库(二十八)
【Vue学习】—Vue UI组件库(二十八)
|
6月前
|
XML 数据安全/隐私保护 数据格式
Morn UI 学习总结
Morn UI 学习总结
49 0
|
7月前
|
Web App开发 开发者
关于 SAP UI5 学习教程示例代码里 Chrome 开发者工具 Console 面板里一些错误消息的说明试读版
关于 SAP UI5 学习教程示例代码里 Chrome 开发者工具 Console 面板里一些错误消息的说明试读版
40 0
|
7月前
|
开发者 容器
SAP UI5 Fiori Elements annotation 解析出来的 entity container
SAP UI5 Fiori Elements annotation 解析出来的 entity container
31 0
|
12天前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
34 0
|
12天前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
20 0