Technology Blogs by SAP
Learn how to extend and personalize SAP applications. Follow the SAP technology blog for insights into SAP BTP, ABAP, SAP Analytics Cloud, SAP HANA, and more.
cancel
Showing results for 
Search instead for 
Did you mean: 
0 Kudos



自定义微件的新增功能


您可能听说过分析设计器的自定义微件功能,以及此功能的优势,以及使用户能够理解应用不仅仅是展示数据,还可以做更多事情SAP分析云针对这一功能不断更新改进,并上线了新的自定义微件改进新功能:自定义微件数据绑定

在介绍这个新的改进之前,让我先向您介绍一下自定义微件,您为什么需要它们以及使用它们的方式?本文将为您介绍自定义微件的概念,如何将自定义微件加载到分析设计器上以及自定义微件新功能:数据绑定。

什么是自定义微件?


SAP 分析云自定义微件框架允许您使用自己的自定义微件扩展分析设计器提供的预定义小 部件 集。这是一项非常有用的功能,例如,如果您需要特定的用户界面元素、特定的数据可视化或分析应用程序中预定义的微件集未提供的特定功能。

自定义微件无缝集成到  SAP分析云的分析设计器中。像任何其他预定义的微件一样,它们显示在微件面板中并且像任何其他微件一样工作;区别在于它们是由客户或合作伙伴构建的,而不是由SAP 开发人员构建的。

自定义微件提供以下功能:

  • 在微件菜单列表中,您可以从中将自定义微件添加到画布中。

  • 它可以在画布上移动和调整大小。

  • 自定义微件可以在大纲视图中使用。

  • 自定义微件可以为分析设计器 脚本语言提供 。

  • 自定义微件可以应用在分析设计器中 ,同时您可以在编辑时设置自定义微件的属性(样式面板和生成器面板)。

  • 重点功能: 自定义微件具备其他标准微件的功能:可以通过构建器面板直连到数据源,并可以在其中设置维度和度量。


通过上面的描述,您对与自定义微件已经有了初步的认识;本文将以Demo的形式展现自定义微件的使用方法,您可以观看下面的视频了解自定义微件在扩展可视化方面的实力:



  • 日期选择器,用于过滤您为自行车寻找停车位的日期。

  • 所选停车场的 3D 演示,您可以在其中全面了解所有免费停车位,还可以选择所选日期的免费停车位。


如何构建自定义微件?


构建自定义微件是一件很容易的事情,从本质来说,自定义微件只是一组文件,最基础的自定义微件是由 JavaScript 和元数据文件组成的:

  • 元数据文件有一个.JSON文件名;它定义了 SAP 分析云需要了解的有关微件的所有信息;它是如何被识别的,它的属性、事件、方法,以及在哪里可以找到 Web 组件的实现。该文件是必需的。

  • Web 组件是一个JavaScript文件;包含应用程序画布中 Web 组件的实现。此文件是必需的,并且需要对最终用户可见,因为当此微件显示在应用程序中时,浏览器需要知道如何获取到它微件开发人员按自己的周期编辑、托管和更新他们的微件。JavaScript 可以托管在他们最喜欢的云托管服务上,客户只需安装元数据文件即可启用微件。这允许轻松管理和更新微件。您可以在此处阅读开发人员手册以获取更多详细信息。



用户如何上传和使用自定义微件?


创建所需文件并托管 Web 组件后,用户现在只需上传 JSON 文件即可在其 SAP 分析云账号上启用自定义微件,该微件将启用并显示在标准选用板中。



自定义微件新功能:数据绑定


设计时间级别:

在过去,设计者需要通过脚本语言来为自定义微件绑定数据。而现在,则可以利用Data Binding来实现微件功能,用户需要在 分析设计器Designer 中启用优化视图模式:


保存应用程序并启用优化视图模式后,现在您可以将自定义微件添加到画布,并像任何标准微件一样通过 构造器面板绑定它:

通过这种直接的微件数据绑定,用户将不再需要使用隐藏表来提取数据,然后使用 API getResultSet 将整个结果集发送到自定义微件。您只需打开构建器面板,链接您的数据模型,并设置您的维度和度量。

自定义微件文件级别:




  • JSON文件


为了从新功能中受益并授予自定义微件数据访问权限,用户必须将新的名为“dataBindings”的属性添加到 JSON 文件中。

dataBindings 属性的键表示 dataBinding 的任意名称,并包含一个“feeds”属性,该属性是定义“ feed ”的对象数组。目前这仅限于定义一个 dataBinding 对象。定义多个属性 不会产生任何错误,但只会使用第一个。

您可以选择任意“ id ”和“ description ”,并从“ dimension ”或“ mainStructureMember ”(也称为measure)中选择“ type ”。类型定义了您可以添加到相应提要中的内容。

如果您在 Json 文件中定义如下示例的 dataBinding,则可以在设计时访问默认构建器面板:








   "dataBindings": {

"myDataBinding": {

"feeds": [

{

"id": "dimensions",

"description": "Dimensions",

"type": "dimension"

},

{

"id": "measures",

"description": "Measures",

"type": "mainStructureMember"

}

]

}

}

注意”myDataBinding是数据绑定对象的名称,可以更改。

  • 网页组件文件


在 Web 组件中,您可以使用在自定义微件 JSON 文件中定义的数据绑定来访问数据并调用支持的 API。

访问数据:现在您可以通过名称访问数据数据绑定您在自定义微件 JSON 文件中定义的内容:“myDataBinding”如上例所示。








//"myDataBinding" in dataBindings of JSON file

this.myDataBinding

你可以通过编写脚本来遍历结果集,如下所示:








// Traverse result set

this.myDataBinding.data.forEach(row => {

// Parse row

})

调用 DataBinding API您可以使用函数getDataBinding,该函数将返回 dataBinding 对象,该对象具有自定义微件可以执行的所有数据驱动 API:








const dataBinding = this.dataBindings.getDataBinding('myDataBinding')

await dataBinding.addDimensionToFeed("dimensions", dimensionId)

上面的示例使用与feed相关的API来添加维度。

 

总结:优先考虑使用自定义微件帮助您设置数据绑定


借助此版本的自定义微件数据绑定,您现在可以通过以下简单的步骤来利用您的可视化效果,这对应用程序设计人员来说是一项轻松的工作,并且是提高生产力的一大步。请继续关注未来计划的重要增强功能!

欢迎大家在文章评论中继续分享大家的SAP分析云新功能的小技巧。

扩展阅读:


想要了解更多关于微件的文档,您可以点击此处阅读官方自定义微件文档

想要查找可由 DataBinding 对象调用的 API 列表,请参阅 分析设计器 Designer API 参考。在那里搜索 DataBinding 。您还可以在此处阅读官方自定义微件文档。

新手小白,想要从头开始学习SAP Analytics Cloud,怎么开始?SAP Analytics Cloud 分析云中文课程平台介绍

原作者:Marouene Ferchichi