前两天用Extjs写了一个下拉菜单,鼠标离开后无法自动隐藏,问了老师后,终于解决了
tbar:[{
html:'<html> </html>',
disabled:true
}
,'-',
{
text:'0001',
id: 'btn001',
menu:new Ext.menu.Menu({
id:'menu1',
items:[
{
text:'记录一'
},{
text:'记录二'
}
],
listeners:{
mouseleave: function(){
this.hide();
},
mouseout: function(){
this.hide();
}
}
}),
listeners:{
"mouseover":function()
{
this.showMenu();
},
mouseout: function(btn,e){
if (this.menu.hideMode === 'visibility')
{
if (!(e.getX() >= this.menu.x && e.getX() <= this.menu.x + this.menu.getHeight() && e.getY() >= this.menu.y && e.getY() <= this.menu.y + this.menu.getWidth()))
{
this.hideMenu();
}
}
}
}
}
]