Sencha Touch - 如何將各種圖標（每個項目一個）集成到選擇區域？

Question

在Sencha Touch 2中，我使用具有5個選項的選擇區域組件。每個人都有自己的圖標。在單擊輸入字段時，圖標顯示在文本前面的選擇框中。 截至目前我要回去看看各種選項的文本的ID在運行應用程序的源代碼，然後調整CSS文件，就像在

#ext-element-150 { 
background: url('../images/water.jpg'); 
background-size: 40px 40px; 
padding-left: 50px; 
background-repeat: no-repeat; 
} 

其中ext-元素150是（看-up）其中一個選項元素的ID。

結果看起來是這樣的：

但是，這是一個不易伸縮和容易出錯的解決辦法，而不是一個解決方案。什麼是更好的方法？

Answer 1

將圖像放入您的itemTpl配置列表中。

如：

<div> <img src=/path/to/{imagename}></> <span> {description} </span> 

然後將圖像名稱添加到您的商店支持列表。