EXTJS 根据值显示不同图片

业务需求：
根据后台取出的STATUS值，画面显示不同图片
值为：Green,Red,Yellow
图片名为：Green.jpg,Red.jpg,Yellow.jpg

-------
js部分
-------
...
items: [
{ //后台带回的值
xtype: 'hidden',
fieldLabel: 'Status',
id: 'statusId'
},
{ width:20,

xtype: 'textfield',
fieldLabel: 'Status',
id: 'img01',
inputType : 'image'
}
],

//显示图片处理
function displayImage() {

var form = Ext.getCmp("my-form").getForm();
var pic = form.findField("statusId").getValue();
Ext.getDom("img01").src = new String(pic) + ".jpg";
}

--------------------------------------------------------------------
a 必须在页面load完才能执行displayImage()处理
b 本例图片与js文件在同一级目录
--------------------------------------------------------------------