关于前端:SAP-UI5-sapmTable-实现响应式布局的两种配置模式

34次阅读

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

响应式配置有两种形式:自动弹出模式和手动弹出模式(sap.m.Table,属性:autoPopinMode)。

自动弹出模式 (autoPopinMode) 确保主动响应,并且在大多数场合下曾经足够。开发人员依然能够影响每列的行为,不过影响范畴无限。

手动模式更灵便,但须要更多的配置。当能够显示 / 暗藏或从新排序表格列时,此配置变得更加麻烦。但这些额定的付出也有回报:

只有手动模式可能容许开发人员:

  • 让表格布局中多留一列
  • 一次将多列挪动到弹出区域

在这两种模式下,响应式表格确保至多一列始终保留在表格布局中。

自动弹出模式

自动弹出模式主动解决响应。您能够通过调整每列的行为在肯定水平上优化这一点。

列有最小宽度。一旦所有可见列的宽度超过表格宽度,最左边的列就会挪动到弹出区域。每列的默认最小宽度为 8 rem。您能够为每一列更改此值(sap.m.Column,属性:autoPopinWidth)。

要进一步影响行为,您能够为列调配优先级。低优先级列首先挪动到弹出区域(首先是最左边的低优先级列),而后是中优先级列,最初是高优先级列。默认优先级为“无”,解决形式与“中等”优先级雷同(sap.m.Column,属性:importance)。

除了将列挪动到弹出区域之外,您还能够暗藏一个或多个优先级的列(属性:hiddenInPopin)。

在自动弹出模式下,所有其余与弹出相干的列设置都将被疏忽。

正文完
 0