使用icoMoon图标在列表中的itemTpl

Question

这是我目前的临时

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

我真的不知道是否可以通过架构师，但我想用一个switch case替换{strType}，这会根据strType的值插入一个IcoMoon图标。

已经添加了图标（已检查并且有效）

Answer 1

我不熟悉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...
            }
        }
    }
)

Answer 2

创建一个CSS类。 将你的{variable}包裹在一个 为您创建的CSS类提供span，并在类中将字体定义为Icomoon。