关于ExtJs中tooltip的鼠标事件
现在已经实现了鼠标移动到一个图片上面显示有关的信息,离开图片就不显示信息。但是我想进一步。实现:当鼠标移动到信息框的时候,信息框不要消失。当鼠标移出信息框的时候,信息框才...
现在已经实现了鼠标移动到一个图片上面显示有关的信息,离开图片就不显示信息。但是我想进一步。
实现:
当鼠标移动到信息框的时候,信息框不要消失。当鼠标移出信息框的时候,信息框才消失(当然移动到图片除外)。
Ext.create('Ext.tip.ToolTip', {
autoShow:true,
autoDestroy:true,
trackMouse: true, // 跟随鼠标移动
target: '' + i.id + '' +'heat',
layout: 'fit',
detachOnRemove:false,
// closable: true,
// closeAction:'destroy',
draggable:true,
// autoHide: false,
dismissDelay:5000,
items:[
{
xtype:'textfield',
id:'textfieldToolTip',
disabled:true,
fieldLabel:'热表数量',
labelWidth:60,
width:100
},
{
xtype:'grid',
id:'gridgg',
autoShow:false,
autoDestroy:false,
hideMode:'offsets',
margin:'10 0 0 0',
height:250,
width:250,
store: store,
id:'gridgg',
columns: [
{text: '热表编号', dataIndex:'calIntakeId'},
{text: '累计热量', dataIndex:'sumHeat'}
],
forceFit: true
}
]
});
这我的部分关键代码。
我现在的思路是想获取鼠标移动的事件,判断鼠标是否还是信息框里,但是查了好多貌似没这个事件。
问问高手是否有别的思路或者是别的方法。谢谢 展开
实现:
当鼠标移动到信息框的时候,信息框不要消失。当鼠标移出信息框的时候,信息框才消失(当然移动到图片除外)。
Ext.create('Ext.tip.ToolTip', {
autoShow:true,
autoDestroy:true,
trackMouse: true, // 跟随鼠标移动
target: '' + i.id + '' +'heat',
layout: 'fit',
detachOnRemove:false,
// closable: true,
// closeAction:'destroy',
draggable:true,
// autoHide: false,
dismissDelay:5000,
items:[
{
xtype:'textfield',
id:'textfieldToolTip',
disabled:true,
fieldLabel:'热表数量',
labelWidth:60,
width:100
},
{
xtype:'grid',
id:'gridgg',
autoShow:false,
autoDestroy:false,
hideMode:'offsets',
margin:'10 0 0 0',
height:250,
width:250,
store: store,
id:'gridgg',
columns: [
{text: '热表编号', dataIndex:'calIntakeId'},
{text: '累计热量', dataIndex:'sumHeat'}
],
forceFit: true
}
]
});
这我的部分关键代码。
我现在的思路是想获取鼠标移动的事件,判断鼠标是否还是信息框里,但是查了好多貌似没这个事件。
问问高手是否有别的思路或者是别的方法。谢谢 展开
3个回答
展开全部
是不是应该加个监听啊lister{},我只想到这了。具体的你再看看监听事件吧。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询