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. }  

{
    xtype: 'box', //或者xtype: 'component',
    width: 100, //图片宽度
    height: 200, //图片高度
    autoEl: {
        tag: 'img',    //指定为img标签
        src: 'myphoto.gif'    //指定url路径
    }
}

 这样就在panel或者其他的容器里面显示图片了

2、图片的动态更新

 

Java代码

1. //动态更新只需要获取到刚才建立的box的dom的src  
2. myphoto.getEl().dom.src = newSrc  

//动态更新只需要获取到刚才建立的box的dom的src
myphoto.getEl().dom.src = newSrc

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

 

from:http://wxj5193.blog.163.com/blog/static/1334630200982255431890/