首页 > 其他分享 >SAP Fiori Elements List Report 应用里 Header 字段的绑定路径

SAP Fiori Elements List Report 应用里 Header 字段的绑定路径

时间:2023-11-25 20:57:16浏览次数:36  
标签:Elements v1 vocabularies 实体 List Header UI SAP com

在 ODataMetaModel.bindProperty 方法里设置断点:观察到绑定路径:

/dataServices/schema/0/entityType/6/com.sap.vocabularies.UI.v1.HeaderInfo

在 SAP UI5 开发中,OData 服务是一种常见的数据源。它采用统一的接口和数据模型,使得前端应用可以与后端系统进行交互。在 OData 服务的元数据定义中,通常会定义一系列的实体类型(Entity Type),每个实体类型包含一组相关的属性和导航。

在`/dataServices/schema/0/entityType/6/com.sap.vocabularies.UI.v1.HeaderInfo` 中,它代表了一个特定的 OData 实体类型元数据定义的一个部分。

首先,我们解析这个路径:

  • /dataServices:这是元数据文档的根元素,表示所有的数据服务。

  • /schema/0:这是第一个模式定义。在 OData 服务中,模式(Schema)是一组实体类型、复杂类型、关联、实体容器等的容器。每个模式都有一个命名空间作为其唯一标识。

  • /entityType/6:这是第七个实体类型定义(计数从 0 开始)。每个实体类型定义了一组属性(Property)和可能的导航属性(Navigation Property)。

  • /com.sap.vocabularies.UI.v1.HeaderInfo:这是 SAP UI5 的一个扩展词汇,用于定义实体类型在用户界面上的表现。

com.sap.vocabularies.UI.v1.HeaderInfo 是 SAP UI5 的一个标准词汇,它定义了在一个主要的对象页(Object Page)中,如何展示一个实体的头部信息。它包含以下几个部分:

  • TypeName:这是实体类型的本地化名称,将在页面标题中显示。

  • TypePluralName:这是实体类型的复数形式的本地化名称,将在列表视图中显示。

  • ImageUrl:这是代表实体类型的图片的 URL,将在对象页的头部中显示。

  • Title:这是实体的主要标题,由一个 DataField 对象定义,可以是一个属性名,也可以是一个复杂的表达式。

  • Description:这是实体的描述,也由一个 DataField 对象定义。

在 SAP UI5 的开发过程中,使用这样的词汇可以将数据模型与用户界面解耦,使得开发者可以专注于业务逻辑的实现,而不需要关心具体的 UI 实现细节。

例如,你可以在实体类型的元数据定义中,为 com.sap.vocabularies.UI.v1.HeaderInfo 指定以下的值:


<com.sap.vocabularies.UI.v1.HeaderInfo>

<TypeName>产品</TypeName>

<TypePluralName>产品列表</TypePluralName>

<ImageUrl>url_to_image</ImageUrl>

<Title>

<com.sap.vocabularies.UI.v1.DataField>

<PropertyPath>ProductName</PropertyPath>

</com.sap.vocabularies.UI.v1.DataField>

</Title>

<Description>

<com.sap.vocabularies.UI.v1.DataField>

<PropertyPath>ProductDescription</PropertyPath>

</com.sap.vocabularies.UI.v1.DataField>

</Description>

</

标签:Elements,v1,vocabularies,实体,List,Header,UI,SAP,com
From: https://www.cnblogs.com/sap-jerry/p/17856065.html

相关文章

  • list集合的线程安全问题分析
    一、ArrayList先说结论,ArrayList是线程不安全的。至于为什么需要去了解它的实现原理,来看下它的源码。首先ArrayList是基于数据实现的,分析它的线程安全问题需要看下add方法publicclassArrayList<E>extendsAbstractList<E>implementsList<E>,RandomAccess,Clone......
  • ngsw-bypass HTTP header 和 Service Worker 的关系
    "ngsw-bypass"是与AngularServiceWorker(ngsw)相关的一个HTTP头部。在理解ngsw-bypass与ServiceWorker的关系之前,我们首先要了解AngularServiceWorker的基本概念。AngularServiceWorker是Angular框架提供的一个服务工作器,用于实现离线缓存、推送通知等功能......
  • Probabilistic principal component analysis-based anomaly detection for structure
    SHMcanprovidealargeamountofdatathatcanrevealthevariationinthestructurecondition什么是压缩传感,数据重构,研究背景与意义,怎么用基于模型的方法不可避免的缺点是模型的不确定性,因为很难创建能够模拟真实物理情况的可靠的结构模型。为了克服基于模型的方法的缺......
  • 前端项目实战壹佰肆拾react-admin+material ui-react-admin之useListContext声明式版
    我是歌谣放弃很容易但是坚持一定很酷微信公众号关注前端小歌谣带你进入前端技术群import{WithListContext}from'react-admin';import{Typography}from'@mui/material';exportconstAside=()=>(<WithListContextrender={({data,isLoading})=>......
  • 前端项目实战壹佰肆拾叁react-admin+material ui-react-admin之useList之filter
    我是歌谣放弃很容易但是坚持一定很酷微信公众号关注前端小歌谣带你进入前端技术群const{data,total}=useList({data:[{id:1,name:'Arnold'},{id:2,name:'Sylvester'},{id:3,name:'Jean-Claude'},],filter:{n......
  • 前端项目实战壹佰肆拾贰react-admin+material ui-react-admin之useList之data
    我是歌谣放弃很容易但是坚持一定很酷微信公众号关注前端小歌谣带你进入前端技术群constdata=[{id:1,name:'Arnold'},{id:2,name:'Sylvester'},{id:3,name:'Jean-Claude'},];必须是一个记录数组......
  • 前端项目实战壹佰肆拾肆react-admin+material ui-react-admin之useList之isFetching
    我是歌谣放弃很容易但是坚持一定很酷微信公众号关注前端小歌谣带你进入前端技术群import{useList,ListContextProvider,Datagrid,TextField,useGetList}from'react-admin';exportconstRUserListData=()=>{const{data,isFetching......
  • 前端项目实战壹佰肆拾叁react-admin+material ui-react-admin之useList之filterCallba
    我是歌谣放弃很容易但是坚持一定很酷微信公众号关注前端小歌谣带你进入前端技术群import{useList,ListContextProvider,Datagrid,TextField}from'react-admin';exportconstRUserList=()=>{constlistContext=useList({data:......
  • 用于webdav图床对比PicGo、PicList、lsky
    用于webdav图床对比PicGo、PicList、lsky需求场景:本人有自建WebDAV,非坚果云,有可访问的公网域名(内网穿透出来的),需要一个图床可以沟通Window、安卓、ios经过多方比对,结论如下:PicGo不支持WebDAV,但是我发现了一个二开项目PicListPicList支持WebDAV,但是没有网页端,无法沟通三端lsk......
  • Android新手必学-ListView控件的使用
    简介在Android应用开发中,ListView是一种常用的UI控件,用于展示可滚动的列表视图。它可以用来展示大量数据,并且提供了灵活的布局和交互方式。本文将详细介绍ListView控件的使用方法,包括创建和配置ListView、自定义适配器以及处理列表项点击事件等。目录ListView介绍创建和配置ListVie......