首页 > 其他分享 >关于 SAP Fiori Elements 应用的 ResponsiveTableColumnsExtension 扩展

关于 SAP Fiori Elements 应用的 ResponsiveTableColumnsExtension 扩展

时间:2023-08-14 13:56:32浏览次数:32  
标签:Elements ResponsiveTableColumnsExtension 扩展 Fiori SAP sap

笔者这篇教程介绍了如何在 SAP Fiori Elements 应用的 manifest.json 里注册 Extension fragment,从而给 List Report 应用的 Table 区域新增自定义列

请大家注意下图高亮的扩展:ResponsiveTableColumnsExtension|SEPMRA_C_PD_Product

运行时,这个扩展的定义,在 Component._getManifestEntry 方法里被解析出来:

在 SAP Fiori Elements 中,manifest.json 文件是用来定义应用的配置和元数据的。extends 区域是用来维护 SAP Fiori Elements 应用的扩展的。其中,ResponsiveTableColumnsExtension 是一个特定的扩展,主要用于扩展响应式表格的列。

在响应式表格中,你可以使用 ResponsiveTableColumnsExtension 来添加、删除或修改列。这个功能提供了对表格列在运行时的调整,使得你可以在应用运行时动态改变列的属性,如列的可见性、列的排序、列的过滤等。

假设你有一个销售订单的 Fiori Elements 应用,展示订单列表的响应式表格中有许多列,如订单号、客户名称、订单日期等。你想在运行时改变订单日期列的可见性,可以通过 ResponsiveTableColumnsExtension 来实现。

以下是一个简单的示例,展示了如何在 manifest.json 文件中使用 ResponsiveTableColumnsExtension 扩展:

{
  "sap.ui5": {
    "extends": {
      "extensions": {
        "sap.ui.controllerExtensions": {
          "sap.suite.ui.generic.template.ListReport.view.ListReport": {
            "ControllerName": "my.custom.Controller",
            "controllerExtensions": {
              "sap.suite.ui.generic.template.ListReport.control.ListReportController": {
                "methods": {
                  "onInit": {
                    "code": "this.extensionAPI.attachPageDataLoaded(function(oEvent) { this.extensionAPI.getColumnExtension().forEach(function (oColumnExtension) { if (oColumnExtension.getColumn().getId() === 'SalesOrderDate') { oColumnExtension.setColumnVisible(false); } }); }.bind(this));"
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

上面的示例代码会在销售订单列表加载数据后,隐藏订单日期列。首先,我们在 sap.ui.controllerExtensions 下定义了一个新的控制器 my.custom.Controller。然后,在控制器的 onInit 方法中,我们使用 extensionAPI.attachPageDataLoaded 方法来监听页面数据加载事件。当数据加载完毕后,我们通过 extensionAPI.getColumnExtension 方法获取到所有的列扩展,然后遍历每一个列扩展,找到 id 为 SalesOrderDate 的列扩展,通过调用其 setColumnVisible 方法将其设为不可见。

需要注意的是,虽然 ResponsiveTableColumnsExtension 提供了强大的列扩展功能,但是过度使用可能会增加应用的复杂性和维护成本。因此,在使用时需要谨慎考虑是否真的需要对列进行动态调整。

标签:Elements,ResponsiveTableColumnsExtension,扩展,Fiori,SAP,sap
From: https://www.cnblogs.com/sap-jerry/p/17628437.html

相关文章

  • 如何通过扩展(Extension)的方式给 SAP Fiori Elements List Report 的表格新增列试读
    本教程之前的步骤,我们已经详细学习了SAPFioriElements应用里类型为ListReport的创建步骤,并且介绍了使用安装在VisualStudioCode里的SAPFioriTools扩展提供的向导,生成FioriElements应用的本地项目结构:5.动手开发第一个SAPFioriElements应用6.知其然......
  • 通过一个实例的例子,学习 SAP Fiori 应用中的 Draft Handling(草稿机制)
    SAPFiori应用里的DraftHandling(草稿处理)是一种机制,用于在SAP业务数据的编辑过程中,实时保存未提交的更改。这样的机制允许用户在多个会话或者繁琐的表单填写步骤中,逐渐构建和修改数据,并在需要时将其提交。DraftHandling在SAPFiori应用中起到重要的作用,可以在不中断现有......
  • Fiori 应用的 draft 处理机制
    注意本文只针对FioriDrafthandling做一个泛泛的概念介绍。如果大家想通过一个具体的实例来了解,可以阅读我这篇文章:5.通过一个实例的例子,学习SAPFiori应用中的DraftHandling(草稿机制)SAPFiori应用里的DraftHandling(草稿处理)是一种机制,用于在业务数据的编辑过......
  • 使用 Fiori Elements 框架开发应用的优势
    FioriElements框架是SAP提供的一种开发应用程序的高级抽象层。它建立在SAPUI5框架之上,旨在简化企业应用的开发过程,提高开发效率,并保持应用的一致性和用户体验。使用FioriElements框架,开发人员可以快速创建符合SAPFiori设计准则的应用,无需大量的手动编写代码。本文将探......
  • Fiori Elements 应用里的 Analytical List Page
    当谈到SAPFioriElements应用中的"AnalyticalListPage"(ALP)时,它是一种用于展示分析型数据的现代化、可自定义的应用类型。ALP基于SAPUI5技术栈,旨在提供一种简化的开发方法,使开发人员能够快速创建符合SAPFiori用户体验标准的分析型列表页面。该应用类型通过可配置的......
  • 什么是 SAP Fiori Elements 的 extensionAPI
    在SAPFioriElements中,"extensionAPI"是一种用于自定义和扩展FioriElements应用的强大工具。它提供了一组API(应用程序编程接口),允许开发人员通过代码的方式对FioriElements应用进行定制和增强。借助extensionAPI,开发人员可以在不影响标准FioriElements功能的基础上,......
  • Fiori Elements 应用里的 Object Page 应用
    当谈到SAPFioriElements应用中的"ObjectPage",它是一种用于展示单个业务对象的详细信息的现代化、可自定义的应用类型。ObjectPage旨在提供一种简化的开发方法,使开发人员能够快速创建符合SAPFiori用户体验标准的详细信息页面。该应用类型通过可配置的方式,结合了字段布局......
  • 如何找到 SAP Fiori Elements 应用某个字段显示值具体的数据源试读版
    笔者将自己在SAP领域16年(2007~2023)的SAPUI5(Fiori)和OData开发的技术沉淀,进行了系统的归纳和总结,分别写成了三套由浅入深的学习教程,收到了不错的反响:零基础快速学习ABAP一套适合SAPUI5开发人员循序渐进的学习教程SAPOData开发实战教程-从入门到提高这三套......
  • 如何修改 Fiori Elements 工程包含的本地注解(annotations)文件试读版
    本教程前一篇文章:8.如何找到SAPFioriElements应用某个字段显示值具体的数据源,笔者试图解答我的知识星球里一个朋友的提问:在WebIde(SAPUI版本1.97.0)生成FioriElements的Overviewpage并发布后,再次在消费视图中修改UI注解后,本地运行该Overviewpage应用发现页面已经变动,......
  • SAP Fiori Elements 应用里的 ui5.yaml 文件详解试读版
    本教程第4篇文章,我们介绍了本地启动SAPFioriElements应用的三种模式。4.SAPFioriElements本地应用启动的三种模式辨析以默认方式即命令行yarnstart启动之后,项目文件夹里的ui5.yaml文件会默认被加载并解析。ui5.yaml这个文件,在本地开发FreestyleUI5时也会......