SAP UI5 XML вид плитки Icon не работает

Question

У меня есть XML View:

<mvc:View height="100%" xmlns:core="sap.ui.core" xmlns:mvc="sap.ui.core.mvc" 
xmlns="sap.m" controllerName="my.own.controller"> 
<App> 
    <Page showHeader="false" enableScrolling="false"> 
     <TileContainer id="container" tileDelete="handleTileDelete" tiles="{/TileCollection}"> 
      <StandardTile icon="sap-icon://{icon}" number="{number}" title="{title}" info="{info}" infoState="Success" /> 
     </TileContainer> 
     <footer> 
     </footer> 
    </Page> 
</App> 

И у меня есть ЯШ:

function initialLoad(){ 

// create some dummy JSON data 
var data = { 
     "TileCollection" : [{ 
           "icon":"history", 
           "number":"3", 
           "title" : "Project History", 
           "info": "click to view", 
           "infoState" : "Success" 
          }] 
}; 

// instantiate the View 
sap.ui.localResources("XMLViews"); 
var app = new sap.m.App({initialPage:"welcome"}); 
var myView = sap.ui.xmlview({id:"welcome", viewName:"XMLViews/welcome"}); 
app.addPage(myView); 

// create a Model and assign it to the View 
var oModel = new sap.ui.model.json.JSONModel(); 
oModel.setData(data); 
myView.setModel(oModel); 

// put the View onto the screen 
myView.placeAt("content");} 

Проблема заключается в том, значок не отображается , Если я жестко кодирую в своем XML-виде:

icon="sap-icon://history" 

Затем значок отображается правильно.

Я застрял с этой проблемой в течение одного дня, и я ценю, если бы вы могли дать мне подсказку!

Спасибо!

Answer 1

Неправильный путь привязки данных к объекту icon. это должно быть таким образом.

icon="{icon}" 

Вместо сделать изменения в вашем JSON, как показано ниже:

var data = { 
     "TileCollection" : [{ 
           "icon":"sap-icon://history", 
           "number":"3", 
           "title" : "Project History", 
           "info": "click to view", 
           "infoState" : "Success" 
          }] 
}; 

Я думаю, что это будет работать.