关于前端:SAP-UI5-sapmTable-Manual-PopIn-Mode-概述

36次阅读

共计 531 个字符,预计需要花费 2 分钟才能阅读完成。

手动弹出模式容许更大的灵活性,但如果咱们心愿它以有意义的形式工作,也须要更多的致力。如果能够显示 / 暗藏或从新排序表列,开发人员还须要投入额定的精力。

具体表现在:咱们须要手动配置每一列。依据表格的宽度(以像素为单位),该列须要晓得须要以下的数据:

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

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

因为开发人员为每一列独自配置弹出响应,所以您还能够在给定 breakpoint 处解决多个列。

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

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

  • 行我的项目的标识符
  • 要害属性(key attribute)

上面是 Responsive Table 的一个例子:

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

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

正文完
 0