Extjs并没有提供直接的组件来显示图片。网上通过设置textfield的InputType为Image然后再修改dom对象来实现,其实 image的属性值并没有包含在Extjs的官方文档当中。可以通过以下的思路实现,更可以进一步扩展成自定义组件。推荐的方法如下:
1、首先做一个容器
Js代码
- {
- xtype: 'box', //或者xtype: 'component',
- width: 100, //图片宽度
- height: 200, //图片高度
- autoEl: {
- tag: 'img', //指定为img标签
- src: 'myphoto.gif' //指定url路径
- }
- }
{ xtype: 'box', //或者xtype: 'component', width: 100, //图片宽度 height: 200, //图片高度 autoEl: { tag: 'img', //指定为img标签 src: 'myphoto.gif' //指定url路径 } }
这样就在panel或者其他的容器里面显示图片了
2、图片的动态更新
Java代码
- //动态更新只需要获取到刚才建立的box的dom的src
- myphoto.getEl().dom.src = newSrc
//动态更新只需要获取到刚才建立的box的dom的src myphoto.getEl().dom.src = newSrc
这样就实现了显示与动态更新
from:http://wxj5193.blog.163.com/blog/static/1334630200982255431890/