EXT form中加入图片

使用以下扩展便可：

 

Ext.form.Myimg = Ext.extend(Ext.BoxComponent, {   
    onRender : function(ct, position){   
        if(!this.el){   
            this.el = document.createElement('img');               
            this.el.src = this.src;   
            if(this.forId){   
                this.el.setAttribute('htmlFor', this.forId);   
            }   
        }   
        Ext.form.Label.superclass.onRender.call(this, ct, position);   
    }   
});  
Ext.reg('myimg', Ext.form.Myimg);

 

使用：

new Ext.form.Myimg
({
	width : 120,
	height : 100,
	src:'uu.bmp'
}).render(Ext.getBody());

//or

{
     xtype : 'myimg',
     width : 120,
     height : 100,
     src:'uu.bmp'
}

 

 

 

评论

3 楼 379548695 2014-06-19  

涉及到动态改变图片1楼的就不太方便了。

2 楼 goodboy 2008-12-31  

楼上的简单

1 楼 li6151770 2008-12-31  

xtype:'textfield',fieldLabel:'图片',
width:130,height:114,style:'background-image:url(./1.jpg);background-repeat: no-repeat;',readOnly:true

加图片不如这样写了，还简单。。。。。