Extjs 4网格:根据存储文本值在单元格中放置图标

Question

我有一个存储区，其中有一个包含"Y"或"N"的字段。我想取Y或N值，并在网格中放置一个绿色或红色的小图标，而不是文本。我一直在摆弄一个条件渲染函数，但我不知道如何根据值显示图标。到目前为止，我有

initComponent: function() {
    this.columns=[
        {header: 'PreReq', dataIndex: 'PreReq', width: 50,
            renderer: function(value){
                if(value == 'Y'){
                    //some code to put green icon in this cell
                }
                else if(value =='N'){
                    //come code to put red icon in this cell
                }
                else{
                    //some code to put error icon in this cell
                }
            }
        }
    ];
    this.callParent(arguments);
}

Answer 1

这就像一样简单

return '<img src="..." />';

或者，如果你喜欢css方式，你可以这样做：

renderer: function( value, metadata, record )
{
    metadata.tdCls = 'yes-icon'
}