在ExtJs的容器中显示图片，并动态更新

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

这样就实现了显示与动态更新