extjs - 列表中的 itemTpl 使用 icoMoon 图标

Question

这是我现在的温度

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

我真的不知道是否可以通过架构师，但我想用一个开关盒替换 {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 类中，并在该类中将字体定义为 Icomoon 字体。