extjs4如何实现鼠标划过的时候改变显示图片

[sunyyang]

求高手指教，给个例子，我想实现页面显示A图片，当鼠标放上去的时候显示B图片，有个东西要改，没怎么接触过extjs，实在是无从下手啊。~~

[sunyyang]

没人回答。。 信心倍受打击啊

[葫芦八娃]

有问题接着问

var paneWithPic = new Ext.Panel({
		title: 'view picPanel',//标题        
		renderTo:Ext.getBody(),
		html:'<img src = "bubble-lr.gif">', //原始背景图A
		id : '_picpanel',
		autoScroll:true,
		width:300,
		height:300,
		layout:'form',
		listeners:{
		  'render':function(p){
			 p.body.on('mouseover',function(e,t,o){
				 //在这里写你更换图片的逻辑
				p.update('<img src = "bubble-cs.gif">');  //mouseover事件后显示的图片B
				p.doLayout();
			 })
		  }
		}
	})

[葫芦八娃]

这里是4.0的。

Ext.create('Ext.panel.Panel',{
		title: 'view picPanel for Ext 4.0',//标题        
	    renderTo:Ext.getBody(),
		html:'<img src = "bubble-lr.gif"></div>', //原始背景图
		id : 'picpanel',
		autoScroll:true,
		width:300,
		height:300,
		listeners:{
		  'render':function(p){
			 p.body.on('mouseover',function(e,t,o){
				 //在这里写你更换图片的逻辑
				p.update('<img src = "bubble-cs.gif">');  //mouseover事件后显示的图片
				p.doLayout();
			 })
		  }
		}
	})