SAPUI5 如何创建动态的Tile

前提:如果使用动态的Tile,我们需要创建符合格式的oData。

{
                "d": {
                               "icon": "sap-icon://travel-expense",
                               "info": "Quarter Ends!",
                               "infoState": "Critical",
                               "number": 43.333,
                               "numberDigits": 1
                               "numberFactor": "k",
                               "numberState": "Positive",
                               "numberUnit": "EUR",
                               "stateArrow": "Up",
                               "subtitle": "Quarterly overview",
                               "title": "Travel Expenses"
                     }
}

创建的Odata如果符合这种格式,那么sapui5的launch pad可以自动加载解析该格式的数据。

具体可以参照下面这两个网址

https://help.sap.com/saphelp_uiaddon10/helpdata/en/92/dda11afc814a538a8ec626f4a74c8d/frameset.htm 

https://help.sap.com/saphelp_uiaddon10/helpdata/en/4d/2b9e3c92e54b2192f031a2941927d6/content.htm?no_cache=true

1,在sege中新创建工程,设置entity跟entity所对应的属性。属性名需要跟上面odata的属性名一致。

这里简单的设置了number跟info。

SAPUI5 如何创建动态的Tile

2,重新实装  TILESET_GET_ENTITY.

业务是写在这里的,我随便给了几个值。

SAPUI5 如何创建动态的Tile 

3,激活之后在gateway中进行测试,得出这样的结果的格式。

XML的格式 /sap/opu/odata/SAP/ZTEST_TILE_SRV_01/TileSet(10)

SAPUI5 如何创建动态的Tile

JSON的格式 /sap/opu/odata/SAP/ZTEST_TILE_SRV_01/TileSet(2)?$format=json

SAPUI5 如何创建动态的Tile

4,在launchpad管理页面中进行配置

在对应的カタログ中选择タイル追加

SAPUI5 如何创建动态的Tile

 选择動的

 SAPUI5 如何创建动态的Tile

 将odata地址填入サービス URL,保存

 SAPUI5 如何创建动态的Tile

之后显示成这样

SAPUI5 如何创建动态的Tile

5,测试。

登陆lanchpad的个人页面进行测试。

SAPUI5 如何创建动态的Tile

参考:https://blogs.sap.com/2015/03/06/create-dynamic-app-launcher-fiori-tile/

上一篇:SAP OData batch request的并行处理实现原理


下一篇:.net 引入Odata 服务时提示 键部分 “ID”无效。该键的所有部分都必须不可以为 null