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月前
|
前端开发 搜索推荐 开发者
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月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
|
4月前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
|
4月前
|
XML 前端开发 JavaScript
深入介绍 UI5 框架里 Smart Field 控件的工作原理
深入介绍 UI5 框架里 Smart Field 控件的工作原理
|
4月前
|
开发框架 容器
SAP UI5 控件的 aggregation 的概念解析
SAP UI5 控件的 aggregation 的概念解析
|
4月前
|
JSON 监控 数据格式
Easy UI datagrid的学习
Easy UI datagrid的学习
|
4月前
|
容器
基于element-ui的侧边栏及其使用方法
基于element-ui的侧边栏及其使用方法
136 0
|
9月前
|
JavaScript
【Vue学习】—Vue UI组件库(二十八)
【Vue学习】—Vue UI组件库(二十八)
|
10月前
|
开发者
SAP UI5 控件双向数据绑定后显示数据出问题,可以调试这个方法
SAP UI5 控件双向数据绑定后显示数据出问题,可以调试这个方法