首页 > 其他分享 >sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 的使用场合介绍

sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 的使用场合介绍

时间:2023-12-02 19:45:10浏览次数:31  
标签:generic extensionAPI ui template suite ExtensionAPI ListReport

首先让我们了解一下什么是 sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI。这是一个在 SAP Fiori Elements 中用于扩展 List Report 应用的 API。SAP Fiori Elements 旨在提供一种简洁,高效且一致的用户体验,而不需要开发人员编写大量的前端代码。然而,有些情况下,我们可能需要对标准的 List Report 行为进行一些扩展或自定义,这就是 sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 能够提供的功能。

下面我们将通过一些例子来详细介绍如何使用 sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI

  1. 自定义操作:我们可以使用 sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 中的 addAction 方法来添加自定义的操作。例如,我们可能想要添加一个用于导出列表数据的操作。首先,我们需要在控制器扩展文件中创建一个新的方法,例如:
onExport: function(oEvent) {
  // 这里是导出数据的代码
}

然后,我们可以使用 addAction 方法将此操作添加到工具栏中:

this.extensionAPI.addAction("export", this.onExport, "Application");

这样,用户就可以通过点击工具栏上的 "Export" 按钮来触发 onExport 方法,从而导出列表数据。

  1. 自定义导航:我们可以使用 sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 中的 navigateTo 方法来自定义导航。例如,我们可能想要在用户点击某一行时,导航到一个特定的视图,而不是默认的详情页面。首先,我们需要在控制器扩展文件中创建一个新的方法,例如:
onRowPress: function(oEvent) {
  var oContext = oEvent.getParameter("rowContext");
  this.extensionAPI.navigateTo("MyView", oContext, this._getNavigationParameters(oContext));
}

然后,我们可以使用 setNavigationAction 方法将此方法设置为列表行的导航操作:

this.extensionAPI.setNavigationAction(this.onRowPress);

这样,当用户点击列表行时,就会触发 onRowPress 方法,从而导航到 "MyView" 视图。

  1. 自定义搜索:我们可以使用 sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 中的 setCustomSearch 方法来自定义搜索逻辑。例如,我们可能想要根据用户输入的关键词在多个字段上进行搜索,而不仅仅是在一个字段上。首先,我们需要在控制器扩展文件中创建一个新的方法,例如:
onSearch: function(oEvent) {
  var sQuery = oEvent.getParameter("query");
  // 这里是自定义的搜索逻辑,可以在多个字段上进行搜索
}

然后,我们可以使用 setCustomSearch 方法将此方法设置为搜索操作:

this.extensionAPI.setCustomSearch(this.onSearch);

这样,当用户在搜索框中输入关键词并按 Enter 键时,就会触发搜索。

标签:generic,extensionAPI,ui,template,suite,ExtensionAPI,ListReport
From: https://www.cnblogs.com/sap-jerry/p/17872108.html

相关文章

  • SAP UI5 开发项目 package.json 文件里的 @sap/ux-specification 依赖
    如下图所示:在SAPUI5中,@sap/ux-specification是一个由SAP提供的库,旨在帮助开发人员实现符合SAPFiori设计准则的用户界面(UI)。该库提供了一系列工具、资源和指南,以确保UI5应用程序的设计和实现符合SAPFiori标准,从而提供一致、易用且美观的用户体验。@sap/ux-specification主......
  • 本地 SAP UI5 应用部署到远端 ABAP 系统,幕后英雄 ABAP_REPOSITORY_SRV
    SAPODataService是一种基于HTTP的数据访问协议,它支持全功能的CRUD操作(创建、读取、更新和删除),并且支持查询和导航。OData协议的主要优势是其基于标准的HTTP协议,并且使用标准的HTTP动词,如GET、POST、PUT、DELETE等进行数据操作。这意味着任何支持HTTP的平台或设备......
  • 如何理解 SAP UI5 的 sap.ui.define 函数?
    我们在SAPUI5官网能查到sap.ui.define的详细文档:在一个JavaScript文件中,通常和建议的做法是在文件顶部有一个对sap.ui.define的调用。当通过其模块ID首次请求一个模块时,会根据ID和当前配置来确定对应的资源。该资源将被加载并执行,这将反过来执行顶级的sap.ui.defi......
  • 关于 SAP Spartacus 层的 UI 设计
    Spartacus每个UI划分成不同的区域section,每个区域由若干个slots组成。每个slot可以包含一个或多个CMSComponent.以homepage为例,其实现的HTML位置:projects\storefrontlib\src\layout\main\storefront.component.html看这个header区域:这个header区域分配的slo......
  • 如何将 sap.ui.Table 控件的背景设置成透明
    笔者曾经写过一篇文章,介绍了如何在SAPUI5应用里设置背景图片:下图1是背景图片,图2是把这个背景图片加到SAPUI5应用之后的效果。https://blog.csdn.net/i042416/article/details/134643986后来有朋友追问:如果我的SAPUI5应用里使用的表格控件,没有用响应式表格sap.m.Tab......
  • 如何给 SAP UI5 应用设置背景图片试读版
    本需求来自笔者的知识星球。一个朋友询问如何给开发好的SAPUI5应用设置一个背景图片。其实这个需求,按照咱们之前学习的内容,已经可以实现了。假设下面是我事先准备好的一张背景图片。我的需求是想把这张图片,平铺在我的SAPUI5应用里。做出来的效果如下:本需求的实现,利用......
  • 我的心血之作:一套适合 SAP UI5 从业人员从入门到进阶的学习教程,以及教程背后的故事
    一转眼2023年又要结束了。我从2007年开始,以软件开发工程师的角色进入职场,马上也快满17年了。在这快17年的软件开发职业生涯里,我也见识并使用了许许多多的开发技术,编程语言,开发框架,平台。IT界这十多年来涌现出的一些新技术,我也主动或被动地去追逐过。比如2015年时,大......
  • Spring 中的 URL 处理工具类 UriComponentsBuilder
    UriComponentsBuilder是SpringFramework中的一个用于构建URI(UniformResourceIdentifier)和URL(UniformResourceLocator)的实用程序类。它提供了一种简单的方式来构建包含各种部分(如协议、主机、路径、查询参数等)的URI和URL,并支持对这些部分进行修改、替换和合并等操作。以下是......
  • 华为平板M3 BTV-DL09 亲测成功升级官方EMUI5.0-安卓7.0刷机包SD卡刷包
    调包离山之计,完成的可用组合包。试装了无数的TWRP,只有一个版本的能用。可用twrp_BTV-DL09_lte.img、即是TWRP3.0.2版,这个TWRP可以刷入降级包。但试了很多包都刷不上系统,当时以为要变砖了。还好没放弃。主要是包的目录结构的问题。还有很多卡刷包没有讲清怎么用。后面刷......
  • Python报错:performance hint: av/logging.pyx:232:5: the GIL to be acquired
     参考:https://stackoverflow.com/questions/77410272/problems-installing-python-av-in-windows-11https://github.com/PyAV-Org/PyAV/issues/1177  ================================  报错信息:C:\Windows.old\Users\chris>pipinstallavDefaultingtouser......