首页 > 其他分享 >SAP UI5 sap.m.Table 实现响应式布局的两种配置模式

SAP UI5 sap.m.Table 实现响应式布局的两种配置模式

时间:2023-03-24 23:36:34浏览次数:46  
标签:动弹 优先级 表格 模式 弹出 UI5 Table sap

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

自动弹出模式(autoPopinMode)确保自动响应,并且在大多数场合下已经足够。开发人员仍然可以影响每列的行为,不过影响范围有限。

手动模式更灵活,但需要更多的配置。当可以显示/隐藏或重新排序表格列时,此配置变得更加麻烦。但这些额外的付出也有回报:

只有手动模式能够允许开发人员:

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

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

自动弹出模式

自动弹出模式自动处理响应。 您可以通过调整每列的行为在一定程度上优化这一点。

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

要进一步影响行为,您可以为列分配优先级。 低优先级列首先移动到弹出区域(首先是最右边的低优先级列),然后是中优先级列,最后是高优先级列。 默认优先级为“无”,处理方式与“中等”优先级相同(sap.m.Column,属性:importance)。

除了将列移动到弹出区域之外,您还可以隐藏一个或多个优先级的列(属性:hiddenInPopin)。

在自动弹出模式下,所有其他与弹出相关的列设置都将被忽略。

标签:动弹,优先级,表格,模式,弹出,UI5,Table,sap
From: https://www.cnblogs.com/sap-jerry/p/17253659.html

相关文章

  • SAP UI5 sap.m.Table Manual Pop-In Mode 概述
    手动弹出模式允许更大的灵活性,但如果我们希望它以有意义的方式工作,也需要更多的努力。如果可以显示/隐藏或重新排序表列,开发人员还需要投入额外的精力。具体表现在:我们需......
  • 什么是 sap.ushell.renderers.fiori2.Renderer
    sap.ushell.renderers.fiori2.Renderersap.ushell.renderers.fiori2.Renderer是SAPFioriLaunchpad的一个组件,它是FioriLaunchpad的主要渲染器。该组件使用SAPUI......
  • 什么是 sap.ushell.Container
    sap.ushell.Container是一个SAPFioriLaunchpad的JavaScriptAPI,它提供了访问Launchpad功能和服务的方法和属性。Container对象由SAPFioriLaunchpad创建并提供......
  • SAP 后端开发的初学者,除了掌握 ABAP 之外,还需要学习什么知识?
    有朋友咨询:我是一名新从事sap后端的小白人员,想请问您从事后端开发除了要熟练掌握ABAP以外,还需要具备什么知识作基础呢?我的回答:你说的后端开发,我能理解成SAP后......
  • sap.m.Table 和 sap.ui.table.Table 两个控件的功能对比
    SAPUI5和OpenUI5都提供了两种完全不同的数据表控件:在Fioristyleguide中称为“网格表”(sap.ui.table.Table)和“响应式表”(sap.m.Table)。顾名思义,前者是响应式的,更适合移动......
  • sap.ui.comp.smarttable.SmartTable 一些属性的用法阐述
    SmartTable控件根据OData元数据和指定的配置创建一个表格控件。必须指定entitySet属性才能使用该控件。此属性用于从OData元数据中获取字段,从中生成列;它还可以用......
  • SAP Fiori 设计准则里的 Responsive 表格概述
    ResponsiveTable是SAPFiori中的默认表控件。它包含一组Lineitem并且完全响应(fullyresponsive)。根据具体情况,用户还可以从行项目导航到更多详细信息页面。一......
  • 安装 Stable idffusion
    安装教程:https://zhuanlan.zhihu.com/p/577676154报错解决:https://www.bilibili.com/read/cv22604427/......
  • element-ui table组件使用expand-change时,禁用某行不可展开
    由于业务需求,要求某行数据满足一定条件时不可展开,搜了下,大家提供的方案是:通过样式隐藏展开内容,或者隐藏展开按钮,隐藏内容和需求不合适,隐藏按钮的话也比较复杂。自己研究了......
  • Qt—TableWidget组件使用注意事项
    TableWidget组件当开启了sortingEnable后,重新插入数据时,有时数据会消失。解决方案:每次在执行插入数据时,插入前关闭sortingEnable,插入后再打开sortingEnable。如图所示:......