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,描述信息,创建时间,创建者等等
  • Detail(第一层):显示行项目,比如购买的产品 ID,产品描述信息,产品购买数量,单价等等。
  • Detail(第二层):通过列表形式显示行项目的更多信息&#

猜你喜欢

转载自blog.csdn.net/i042416/article/details/124980062