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

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

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


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


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


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


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


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


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


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


下面是 Responsive Table 的一个例子:


d2db88120000ea378f8620fe5e12271b_1d87d3b592ffa74d91a9bb511b8a67f9.png


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


9675cc30f2944e178a11d9d7cafdd9d3_7e3ba175a6d23271a3abe5c44c9525f2.png


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

6b4a3c2e52c03d474af01583f321cd60_0c6bdde94acdfc1d158d8caa2afcf93b.png


相关文章
|
4月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
|
4月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
|
4月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
|
4月前
|
JSON 前端开发 测试技术
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
SAP UI5 sap.ui.core.util.MockServer.simulate 方法介绍
|
4月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
|
4月前
|
机器学习/深度学习 搜索推荐 UED
SAP Commerce Cloud Context Driven Services 概述
SAP Commerce Cloud Context Driven Services 概述
|
4月前
|
机器学习/深度学习 人工智能 搜索推荐
SAP Commerce Cloud 智能销售服务 (Intelligent Selling Services)概述
SAP Commerce Cloud 智能销售服务 (Intelligent Selling Services)概述
|
4月前
|
开发者 UED
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
关于 SAP UI5 sap.m.Column 的 demandPopin 属性
|
4月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版