javascript - 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'
}