itemTpl在使用列表中icoMoon圖標

這是我目前的臨時itemTpl在使用列表中icoMoon圖標

<div class="ProjectT">{strType}&nbsp - &nbsp{strTitle}</div>

我真的不知道，如果它通過建築師是可能的，但我想這將取決於插入IcoMoon圖標開關的情況下，以取代{strType}在strType的值上。

圖標已經添加了它應該是（檢查和它的作品）

來源

2013-07-03 Fawar

我不知道使用架構師，但你可以添加一個成員函數到你的XTemplate，傳遞'strType'，並在那裏做'switch'語句。 – kevhender

不太確定在那裏跟着你，圖標怎麼樣？ – Fawar

發表我的回答作爲答案，以提供更好的格式。 – kevhender

創建一個CSS類。將你的{variable}包裝成給span創建你創建的CSS類，並在類中定義字體爲Icomoon。

來源

2013-07-19 16:58:29 Fawar

我不熟悉IcoMoon，但你可能可以調整這個適合你需要什麼：

new Ext.XTemplate(
    '<tpl for=".">', 
     '<div class="ProjectT"><img src="{[this.getIcon(values.strType)]}" />&nbsp - &nbsp{strTitle}</div>', 
    '</tpl>', 
    { 
     getIcon: function(strType){ 
      switch (strType) 
      { 
       case "x": return "x.png"; 
       //etc... 
      } 
     } 
    } 
)

來源

2013-07-03 15:51:20 kevhender

Icomont是字體圖標，所以這不起作用。另外我不太確定，在我寫html的領域，我可以聲明一個新的Ext.XTemplate，因爲它要求輸入html：S – Fawar

itemTpl在使用列表中icoMoon圖標

回答

相關問題