SAP Fiori 设计准则里的 Responsive 表格不太适合的场景介绍

简介: SAP Fiori 设计准则里的 Responsive 表格不太适合的场景介绍

sap.m.Table 是 SAP Fiori 应用默认的响应式表格控件。在下列场合中,SAP 不推荐大家使用 Responsive Table.


  • 主要用例是从极少数项目中选择一项,而不查看其他详细信息。 在这种情况下,选择框或组合框可能更合适。

  • 主要用例是从多个项目中选择一个项目,可以只查看每个项目的一些细节。 在这种情况下,列表(List) 可能更合适。 注意列表项的布局以确保其外观令人愉悦。

  • 单元格级别和单元格之间的空间关系比行项目更重要。


在这种情况下,请使用分析表或网格表。示例包括电子表格分析和瀑布图。 请注意,分析表和网格表都不是完全响应的。 两者都仅适用于台式机和平板电脑,因此应用开发人员,需要采取自适应方法,为智能手机提供额外的 UI。


  • 用户希望该表包含超过 1,000 行左右。在这种规模的数据量下,尝试改用分析表或网格表; 它们更易于处理,性能更好,并且针对处理大规模进行了优化。

  • 行项目间的比较是一个主要用例。在这种情况下,分析表或网格表可能更合适,因为每个单元格只包含一个数据点。 相比之下,响应式表格在订单项中提供了更大的灵活性,包括能够为每个单元格添加更多数据点和弹出功能——但这也是一柄双刃剑,使比较变得更加困难。

  • 数据需要以分层方式构建。 在这种情况下,树表可能更合适。虽然分析表可以有多个分组层次,但是当多个层次的节点都包含子节点时,就不那么灵活了。

  • 需要对大量数据进行概览。在这种情况下,请使用图表。

  • 只是出于布局原因需要它。 在这种情况下,请改用水平布局或垂直布局等布局容器。

  • 需要只读或可编辑的字段值对。 在这种情况下,请改用 Form 控件。 响应表未针对类似表单的输入导航进行优化。


image.png

相关文章
|
5月前
|
数据库 API
启用SAP Fiori之前的一些注意事项
启用SAP Fiori之前的一些注意事项
|
5月前
|
前端开发
SAP Fiori 应用上传中文附件的处理问题
SAP Fiori 应用上传中文附件的处理问题
|
5月前
|
IDE JavaScript 开发工具
什么是 SAP Fiori tools 的 environment check 功能
什么是 SAP Fiori tools 的 environment check 功能
|
5月前
|
JavaScript 前端开发
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
试读版:如何找出 SAP 标准 Fiori 应用某个按钮点击后执行的 JavaScript 源代码
|
12月前
|
UED 开发者
关于 SAP Fiori Client 的 cordova-plugin-bluetooth-print 向蓝牙打印机发送并打印图片
关于 SAP Fiori Client 的 cordova-plugin-bluetooth-print 向蓝牙打印机发送并打印图片
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
|
5月前
|
UED
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
|
5月前
|
前端开发 UED
SAP Fiori 到底指什么
SAP Fiori 到底指什么
|
5月前
|
XML 前端开发 JavaScript
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
关于 SAP Fiori 应用里如何处理名称包含中文的附件文件上传
关于 SAP Fiori 应用里如何处理名称包含中文的附件文件上传

热门文章

最新文章

下一篇
无影云桌面