ext tabpanel background image Self Adaptive

今天有一个需求，就是tab面板中的背景图片添加一种图片，要自适应。

	html: '<img id="bgImg" src="images/welcome.jpg"/>',
	listeners: {
		    'tabchange':function(tab,newCard,oldCard){  //这个监听本来是可以不用的，但是不知道为何，一旦设置图片自适应，第二次点击tab就不激活了
		         if(tab.items.length>1){   //当tab面板数量不止一个时候，图片清空
		              tab.update('');
		         }
		         if(tab.items.length==1){  //当tab面板数量被关闭剩下一个时候，图片还原
		        	tab.update('<img id="bgImg" src="images/welcome.jpg"/>');
		        	Ext.get('bgImg').applyStyles({
                       width: tab.getWidth() + 'px',
                       height: tab.getHeight() + 'px'
                    });
		         }
		    },
            'resize': function(comp, width, height) {  //添加图片自适应监听
            	if(Ext.get('bgImg')!=null){
            		 Ext.get('bgImg').applyStyles({
                       width: width + 'px',
                       height: height + 'px'
                     });
            	}
               
            
            }
    },

这样就实现了自适应图片。