当前位置: 首页 > Web前端 > JavaScript

SAPUI5sap.m.Table实现了响应式布局的两种配置模式

时间:2023-03-27 13:12:04 JavaScript

响应式配置有两种方式:自动弹出模式和手动弹出模式(sap.m.Table,属性:autoPopinMode)。自动弹出模式(autoPopinMode)保证了自动响应,在大多数情况下已经足够了。开发人员仍然可以影响每个列的行为,但影响程度有限。手动模式更灵活,但需要更多配置。当可以显示/隐藏或重新排序表格列时,此配置变得更加麻烦。但额外的努力得到了回报:只有手动模式允许开发人员:在表格布局中保留一个额外的列一次将多个列移动到弹出区域在这两种模式下,响应式表格确保至少一列始终保留在表格布局中。自动弹出模式自动弹出模式自动处理响应。您可以通过调整每一列的行为在某种程度上优化这一点。列有最小宽度。一旦所有可见列的宽度超过表格宽度,最右边的列将移动到弹出区域。每列的默认最小宽度为8rem。您可以为每一列更改此值(sap.m.Column,属性:autoPopinWidth)。为了进一步影响行为,您可以为列分配优先级。低优先级列首先移动到弹出区域(首先是最右边的低优先级列),然后是中优先级列,最后是高优先级列。默认优先级为“无”,处理方式与“中”优先级相同(sap.m.Column,属性:重要性)。除了将列移动到弹出区域之外,您还可以隐藏一个或多个优先列(属性:hiddenInPopin)。在自动弹出模式下,所有其他与弹出相关的列设置都将被忽略。