（转）Extjs4 展示图片与图片的更新

Extjs并没有提供直接的组件来显示图片。

网上通过设置textfield的InputType为Image然后再修改dom对象来实现，其实image的属性值并没有包含在Extjs的官方文档当中。

可以通过以下的思路实现，更可以进一步扩展成自定义组件。推荐的方法如下: 

1.首先做一个容器

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、图片的动态更新
//动态更新只需要获取到刚才建立的box的dom的src     
myphoto.getEl().dom.src = newSrc

 

 
posted @ 2013-02-18 10:11  Servant  阅读(2802)  评论(0)  编辑  收藏  举报