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文件在同一級目錄

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