Extjs并沒(méi)有提供直接的組件來(lái)顯示圖片。網(wǎng)上通過(guò)設(shè)置textfield的InputType為Image然后再修改dom對(duì)象來(lái)實(shí)現(xiàn)，其實(shí)image的屬性值并沒(méi)有包含在Extjs的官方文檔當(dāng)中。可以通過(guò)以下的思路實(shí)現(xiàn)，更可以進(jìn)一步擴(kuò)展成自定義組件。推薦的方法如下:

1、首先做一個(gè)容器

Js代碼

1. {
2. xtype: 'box' , //或者xtype:'component',
3. width:100, //圖片寬度
4. height:200, //圖片高度
5. autoEl:{
6. tag: 'img' , //指定為img標(biāo)簽
7. src: 'myphoto.gif' //指定url路徑
8. }
9. }

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

2、圖片的動(dòng)態(tài)更新

Java代碼

1. //動(dòng)態(tài)更新只需要獲取到剛才建立的box的dom的src
2. myphoto.getEl().dom.src=newSrc

這樣就實(shí)現(xiàn)了顯示與動(dòng)態(tài)更新