SAPUI5磁贴容器仅显示2个磁贴

SAPUI5磁贴容器仅显示2个磁贴,sapui5,Sapui5,我从中复制了相同的示例 但我不能让它工作,我只看到2块瓷砖 我在不同类似的帖子中看到,建议在页面标签中添加enableCrolling=“false”,但这对我不起作用。这个问题是间歇性的,与Google Chrome相关。这与浏览器如何处理jQuery.sap.getModulePath()发出的异步请求有关。 我已经在Firefox开发者版中进行了测试,它工作正常。不管怎样,下面是解决方法: 如果您在控制器中注释掉这一行,并将JSON数据定义为变量sPath,那么它将起作用(我已经缩短了JS

我从中复制了相同的示例

但我不能让它工作,我只看到2块瓷砖


我在不同类似的帖子中看到,建议在页面标签中添加
enableCrolling=“false”
,但这对我不起作用。

这个问题是间歇性的,与Google Chrome相关。这与浏览器如何处理jQuery.sap.getModulePath()发出的异步请求有关。 我已经在Firefox开发者版中进行了测试,它工作正常。不管怎样,下面是解决方法:

如果您在控制器中注释掉这一行,并将JSON数据定义为变量sPath,那么它将起作用(我已经缩短了JSON数据,以保持答案清晰,但现场演示已满,请参阅下面的链接)

Page.controller.js,第12行

工作示例:

//var sPath = jQuery.sap.getModulePath("sap.m.sample.TileContainer", "/data.json");
var sPath = {"TileCollection":[{"icon":"sap-icon://hint","type":"Monitor","title":"Tiles: a modern UI design pattern for overview & navigation."},{"icon":"sap-icon://inbox","number":"89","title":"Approve Leave Requests","info":"Overdue","infoState":"Error"},{"type":"Create","title":"Create Leave Requests","info":"28 Days Left","infoState":"Success"},{"icon":"sap-icon://travel-expense-report","number":"281","numberUnit":"euro","title":"Travel Reimbursement","info":"1 day ago"},{"icon":"sap-icon://loan","number":"2380","numberUnit":"euro","title":"My Salary","info":"8 days ago"}]};