通过本教程前面的步骤SAP UI5 初学者教程之十七 - 聚合绑定在 UI5 复合控件中的使用的介绍,我们已经学会了如何在 SAP UI5 里显示列表,如下图所示:

本步骤我们给该列表添加更多的业务数据,比如每张发票的金额。

按照本文的步骤完成的 SAP UI5 应用,列表如下图所示:

可以看到,同前一个步骤相比,现在 Invoices 表格里,每张发票的金额和货币单位已经显示出来了。

为了实现这个效果,本步骤的源代码位于我的 Github 这个文件夹下面:

https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/19

下面是具体的实现步骤说明。

本教程步骤14:SAP UI5 初学者教程之十四 - 嵌入视图的使用方式,我们已经学习了如何在一个 XML 视图里插入另一个 XML 视图。

我们观察到的 Invoices 列表,也是实现在一个单独的 XML 视图文件 InvoiceList.view.xml, 并嵌入 App.view.xml 文件内部。

SAP UI5 应用开发教程之十九 - SAP UI5 数据类型和复杂的数据绑定相关推荐

  1. SAP UI5 应用开发教程之三十九 - SAP UI5 应用出现白屏的一些常见错误和分析方法分享试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  2. SAP UI5 应用开发教程之三十九 - SAP UI5 应用出现白屏的一些常见错误和分析方法分享

    SAP UI5 应用开发完毕后,加载时没有显示任何内容,只有一个白茫茫的空白屏幕(blank screen),无疑是让很多 SAP UI5 开发人员感到沮丧的事情. 然而这种白屏总是伴随着浏览器(比如 ...

  3. SAP UI5 应用开发教程之四十九 - 如何在桌面电脑端调试运行在手机上的 SAP UI5 应用试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  4. SAP UI5 应用开发教程之七十九 - 采用测试驱动开发理念(Test Driven Development)进行 SAP UI5 应用的功能开发(一)的试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  5. SAP UI5 应用开发教程之六十九 - 如何从 SAP UI5 Not Found 页面跳转回到正常的应用页面试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  6. SAP UI5 应用开发教程之五十九 - 如何在 SAP UI5 应用里显示世界地图试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  7. SAP UI5 应用开发教程之五十六 - SAP UI5 树控件(tree)的开发试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  8. SAP UI5 应用开发教程之四十二 - SAP UI5 自带的 Diagnostics 诊断工具使用方法介绍

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  9. SAP UI5 应用开发教程之三十四 - SAP UI5 应用基于设备类型的页面适配功能(Device Adaptation)试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

最新文章

  1. 机器学习的数据类型有哪几种?每种数据类型对应的操作有哪些?为什么?
  2. Asp.Net构架(Http请求处理流程) - Part.1
  3. 虚幻引擎UE4-命令行使用的一些技巧
  4. Linux中gcc的编译、静态库和动态库的制作
  5. 【代数结构】群 ( 群的定义 | 群的基本性质 | 群的证明方法 | 交换群 )
  6. 2015年百度之星初赛(1) --- B 找连续数
  7. 以太坊Sharding FAQ
  8. [MapReduce_add_4] MapReduce 的 join 操作
  9. 基于ASP.NET Core api 的服务器事件发送
  10. Asp.NET Core 轻松学-项目目录和文件作用介绍
  11. [css] 你知道css的预处理器和后处理器都有哪些吗?它们有什么区别呢?
  12. 百度SEO Cloud-Platform(后台管理系统) v3.1.0
  13. python 获取键盘输入、同时有超时的功能_python 获取键盘输入,同时有超时的功能示例...
  14. Tripwire安装
  15. Swift - EasingAnimation绘制圆环动画
  16. 登录图片滑动验证实现
  17. Fiddler抓包工具详解
  18. AES对称加密原理及服务
  19. 从头开始阅读PyTorch代码 -- Operators篇
  20. 获取Android_Studio模拟器root权限的方法

热门文章

  1. Navcat:1251 client does not support ...问题
  2. 奥巴马经济顾问:哪怕丢了“饭碗”,也必须加大投资AI!
  3. 一篇文章彻底说清JS的深拷贝/浅拷贝
  4. EXCEL 列与列怎么交换?
  5. ORACLE SQL调优之执行计划与隐藏参数_complex_view_merging
  6. 1.0 添加WEB API项目并按注释生成文档(多项目结构)
  7. 二十四种设计模式:装饰模式(Decorator Pattern)
  8. backbone源码之factory
  9. 织梦DEDECMS网站批量删除未审核稿件的方法
  10. 一个静态库框架模板: iOS Universal Framework Mk 7