SAP UI5 应用开发教程之十五 - 对话框和 Fragments 的使用方式
本步骤我们开始学习 SAP UI5 对话框的使用。
对话框是 SAP UI5 里比较特别的一个控件,因为对话框一旦显示,其实际上会覆盖一部分 SAP UI5 应用的显示内容,因此对话框不属于任何一个 XML 视图。所以,为了使用对话框,我们需要将其放置到一个特殊的 UI 容器中,那就是本文标题的 Fragments.
同本教程前一步骤SAP UI5 初学者教程之十四 - 嵌入视图的使用方式 介绍的嵌入视图相比,Fragments 同样能放置若干 SAP UI5 控件,起到视图重用的目的。但和嵌入视图相比,Fragments 更加轻量,并且并不需要绑定控制器实现。因此,我们可以把 Fragements 理解成一个简单的存放其他 SAP UI5 控件的容器。
下面我们通过一个具体的例子来加深理解。
先看一下根据本文介绍的步骤,完成之后的 SAP UI5 应用外观:
我们新增了一个按钮,如上图绿色高亮区域所示。
点击之后,弹出一个对话框:
点键盘上的 Esc 按钮,可以关掉这个对话框。
本步骤的源代码地址:
https://github.com/wangzixi-diablo/ui5-tutorial
在文件
SAP UI5 应用开发教程之十五 - 对话框和 Fragments 的使用方式相关推荐
- SAP UI5 应用开发教程之五十五 - 如何将本地 SAP UI5 应用通过 Node.js Express 部署到公网上试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之三十五 - 如何把本地开发的 SAP UI5 应用部署到 ABAP 服务器上试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之八十五 - 如何用 OPA5 编写测试用例来测试用户输入文本的功能试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
- SAP UI5 应用开发教程之五十五 - 如何将本地 SAP UI5 应用通过 Node.js Express 部署到公网上
本教程迄今为止的前 54 个步骤,开发出来的 SAP UI5 应用都只能在本地通过 localhost 访问,除非将其部署到 ABAP 服务器上. SAP UI5 应用开发教程之三十五 - 如何把本地 ...
- SAP UI5 应用开发教程之六十五 - 基于 OData V4 的 SAP UI5 表格控件如何实现创建,编辑和保存功能
本教程前几个步骤,我们已经用 SAP UI5 table 控件开发了一个包含 User 列表的应用,并且支持了根据 LastName 字段进行查询,以及排序的操作. SAP UI5 应用开发教程之六十 ...
- SAP UI5 初学者教程之十五 - 对话框和 Fragments 的使用方式试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 初学者教程之一:Hello World SAP UI5 初学者教程之二:SAP UI5 ...
- SAP UI5 应用开发教程之三十五 - 如何把本地开发的 SAP UI5 应用部署到 ABAP 服务器上
本教程前 34 个步骤, SAP UI5 应用一直是在本地 Visual Studio Code 中开发并通过本地命令行 ui5 serve 启动然后本地测试的. 本步骤我们将学习,如何使用 SAP ...
- SAP UI5 应用开发教程之六十六 - 基于 OData V4 的 SAP UI5 表格控件如何实现删除功能试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
最新文章
- 2020年,大火的Python和JavaScript是否会被取而代之?
- Deepmind“好奇心”强化学习新突破!改变奖励机制,让智能体不再“兜圈子”
- hbuilder怎么做登录界面_hbuilder 第三方登录实例
- 搜集来的命令集合,挺好的
- webpack entry和output配置属性
- 重装php后网站无法,1、解决重装php后变量在下一个页面无法取到的问题:
- MIPS快速入门(原文+翻译):MIPS Architecture and Assembly Language Overview(持续更新中)
- python后端框架flask_Vue+Flask轻量级前端、后端框架,如何完美同步开发
- CentOS7安装软件包的方法
- DNN2(DotNetNuke2.0)的一些资源
- 10月第4周回顾:欧盟垄断案微软低头 BEA为收购讨价还价
- VB数据库中EOF和BOF的认识与用法
- python显示安装失败_Win7安装Python失败 提示Setup failed
- Python中字符的匹配
- 【dgl学习】dgl的构图和使用
- 中央C-高低音谱号里的中央C和其它音节
- 微信隐藏功能:群接龙
- 软件特性开发的流程感想
- 2015.05.05,外语,读书笔记-《Word Power Made Easy》 15 “如何谈论事情进展” SESSION 42...
- ROC曲线和PR曲线