91. 如何使用 SAP UI5 客户端 JSON 模型构建一个 Master-Detail-Detail 布局中的列表页面
2023-09-14 09:02:37 时间
SAP UI5 应用开发教程之九十一 - 如何使用客户端 JSON 模型构建一个 Master-Detail-Detail 布局中的列表页面
从本步骤开始,我们会致力于开发一个满足 Master-Detail-Detail 布局风格的 SAP UI5 应用,这个应用的动态外观,大家可以从下面这个 gif 图片感知一二。
所谓 SAP UI5 应用的 Master-Detail-Detail 布局风格,意思是屏幕水平方向分为左,中,右三部分。
每个部分分别显示 Master,Detail 第一层和 Detail 第二层数据。其中两层 Detail 视图的内容是 Master 区域内容的更具体一个维度的展现,从业务上说从属于 Master 区域的内容,因此我也倾向把这种风格翻译成主-从-从
布局风格。
Master-Detail-Detail 布局风格,在实际项目中广泛使用,比如一个订单有多个行项目,每个行项目又对应多个业务伙伴(Business Partner),因此在 Master-Detail-Detail 三个区域里,各司其职显示的内容如下:
- Master:显示订单抬头区域的内容,比如 ID,描述信息,创建时间,创建者等等 <
相关文章
- 92. 基于 SAP UI5 JSONModel 客户端模型的列表分页显示(Table Pagination)前提
- 23. SAP UI5 应用列表控件的排序 Sort 和分组 Group
- SAP UI5 应用开发教程之九十八 - 从 viewId 这个属性谈起,聊聊 SAP UI5 的 HTML 源代码生成机制试读版
- SAP UI5 应用开发教程之八十九 - 如何给 SAP UI5 列表控件增添多个图形界面的过滤器试读版
- 如何找到SAP UI5里阻止页面继续加载的出问题的具体代码位置
- SAP UI5 Web Component里最简单的React列表控件的用法
- SAP UI5 get route - local version VS central version
- SAP UI5 Label related stuff and accessibility研究
- SAP ABAP CDS view 里 INNER JOIN 和 Association 的区别
- SAP ABAP switchable BC set的最详细创建步骤
- SAP 电商云的构建过程中涉及到的三种不同环境类型
- SAP Spartacus B2B 列表页面的 (i) icon popover Component 的声明位置
- SAP Spartacus 关于列表点击focus Accessibility的需求
- SAP Spartacus加载delivery国家列表的处理逻辑
- SAP Table function 执行报错 code CX_SQL_EXCEPTION feature not supported 该如何分析
- 使用SAP云平台Android SDK创建Mobile应用
- SAP Fiori图标(icon)设计原理:一个可以查看 SAP UI5 所有可用图标的工具