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文件在同一级目录

--------------------------------------------------------------------