SAP UI5 XML查看瓷磚圖標不工作

Question

我有一個XML視圖：

<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> 

而且我有一個js：

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" 
          }] 
}; 

我認爲這會工作。