EXTJS4的grid加载图片问题

Question

renderer : Function/String
A renderer is an 'interceptor' method which can be used to transform data (value, appearance, etc.) before it is rendered. Example:{
    renderer: function(value){
        if (value === 1) {
            return '1 person';
        }
        return value + ' people';
    }
}
Additionally a string naming an Ext.util.Format method can be passed:{
    renderer: 'uppercase'
}
Defaults to: falseAvailable since: 3.4.0value : Object
The data value for the current cell
metaData : Object
A collection of metadata about the current cell; can be used or modified by the renderer. Recognized properties are: tdCls, tdAttr, and style.
record : Ext.data.Model
The record for the current row
rowIndex : Number
The index of the current row
colIndex : Number
The index of the current column
store : Ext.data.Store
The data store
view : Ext.view.View
The current view
return : String
The HTML string to be rendered.

Answer 1

不好意思，我刚学，没看懂
这个renderer是放在哪用的？是代替convert 的吗

Answer 2

放到columns的列配置里面
columns:[{
            text: 'st',
            sortable: false,
            dataIndex: 'st',
            renderer: function (v) {return v==1? 'images/hmenu-unlock.gif':images/hmenu-lock.gif';}
        }/*..其他配置...*/]

Answer 3

再弱弱的问一下，那个返回的是字符串了怎么办呀
感谢版主大神啊，自己查了一下解决啦，附上代码
renderer : function(v) {
return v == 0
? "<img src='images/hmenu-unlock.gif' />"
: "<img src='images/hmenu-lock.gif' />";
}