本教程笔者在 Github 仓库上提供的源代码项目里,大家选择对应章节,比如进入 06 文件夹,运行命令行 npm run start-local
,启动 Fiori Elements List Report 应用后,在 Table 区域,除了朴素的文本显示控件之外,还能看到产品图片控件,显示产品库存状态的 Status 控件,以及产品评分控件,分别如下图高亮的三列所示。
对于图片显示,本教程之前的文章已经详细介绍过,这个图片显示,基于 SAP UI5 的 Avatar
控件:
- 16. SAP Fiori Elements 应用里图片字段(Image)的显示原理介绍
- 17. SAP Fiori Elements 源码分析系列:注解 UI.IsImageURL 的工作原理剖析
- 18. 从 SAP Fiori Elements List Report 中的图片显示,谈谈背后的 XML Template 设计机制
本教程之前的文章,介绍了上图中间显示的 Availability 这一列的数据来源,即 metadata.xml
文件里,OData Entity Type SEPMRA_C_PD_ProductType
里定义的名叫 to_ProductStock
的 Navigation Property.
本文)介绍 Availability 列在 Fiori Elements List Report UI 上的显示效果,是如何实现的。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。