SAP UI5 sap.m.Table Manual Pop-In Mode 概述

发布时间 2023-03-24 23:26:48作者: JerryWang_汪子熙

手动弹出模式允许更大的灵活性,但如果我们希望它以有意义的方式工作,也需要更多的努力。 如果可以显示/隐藏或重新排序表列,开发人员还需要投入额外的精力。

具体表现在:我们需要手动配置每一列。 根据表格的宽度(以像素为单位),该列需要知道需要以下的数据:

  • 留在表格布局中(在自动弹出模式下,只有一列留在表格布局中)。
  • 移动到弹出区域(sap.m.Column,具有属性:demandPopin、minScreenWidth、popinHAlign、popinDisplay)。

默认情况下,表格宽度假定为屏幕宽度。 如果表格不使用屏幕的全宽,应用程序开发人员必须相应地配置表格(sap.m.Table,属性:contextualWidth)。

因为开发人员为每一列单独配置弹出响应,所以您还可以在给定 breakpoint 处处理多个列。

这允许我们一次将多个列移动到弹出区域,这在自动弹出模式下是不可能的。

对于最小的屏幕宽度,请在表格布局中保留以下信息:

  • 行项目的标识符
  • 关键属性(key attribute)

下面是 Responsive Table 的一个例子:

在宽度小于 570 px 的屏幕上,Information 列被隐藏:

在宽度小于 460 px 的屏幕,Vendor 字段跑到 pop-in 区域了: