1. 程式人生 > >extjs 動態替換autoEl圖片路徑

extjs 動態替換autoEl圖片路徑

Extjs並沒有提供直接的元件來顯示圖片。網上通過設定textfield的InputType為Image然後再修改dom物件來實現,其實image的屬性值並沒有包含在Extjs的官方文件當中。可以通過以下的思路實現,更可以進一步擴充套件成自定義元件。推薦的方法如下:

1、首先做一個容器

Js程式碼 複製程式碼
  1. {   
  2.     xtype: 'box'//或者xtype: 'component',
  3.     width: 100, //圖片寬度
  4.     height: 200, //圖片高度
  5.     autoEl: {   
  6.         tag: 'img',    //指定為img標籤
  7.         src: 
    'myphoto.gif'//指定url路徑
  8.     }   
  9. }  

 這樣就在panel或者其他的容器裡面顯示圖片了

2、圖片的動態更新

Java程式碼 複製程式碼
  1. //動態更新只需要獲取到剛才建立的box的dom的src
  2. myphoto.getEl().dom.src = newSrc  

      這樣是錯誤的

        myphoto.autoEl.src=newSrc