Javascript 如何将鼠标悬停事件添加到EXTJS中的字段集？_Javascript_Css_Extjs_Mouseover

Javascript 如何将鼠标悬停事件添加到EXTJS中的字段集？

javascript css extjs

Javascript 如何将鼠标悬停事件添加到EXTJS中的字段集？,javascript,css,extjs,mouseover,Javascript,Css,Extjs,Mouseover,对于下面的代码片段，我想添加一个鼠标悬停事件，以便在鼠标悬停时，字段集项的背景颜色发生变化，并且在字段集项旁边显示一个图像 var mainGroup = { xtype: 'fieldset', margin: '0 40 0 40', border: true, title:

对于下面的代码片段，我想添加一个鼠标悬停事件，以便在鼠标悬停时，字段集项的背景颜色发生变化，并且在字段集项旁边显示一个图像

 var mainGroup = {
                           xtype: 'fieldset',
                           margin: '0 40 0 40',
                           border: true,
                           title: '<html><h3>' + displayLabel + '</h3></html>',
                           defaults: {
                           anchor: '100%',
                           padding: 3,
                           width: '80%',
                           },
                           layout:'hbox',
                           items: []
            };

var mainGroup={
xtype:“字段集”，
边距：“0 40 0 40”，
边界：是的，
标题：“”+displayLabel+“”，
默认值：{
主播：100%，
填充：3，
宽度：“80%”，
},
布局：'hbox'，
项目：[]
};

请在这方面帮助我。

将此添加到您的字段集配置：

listeners: {
    render: function () {
        this.getEl().on('mouseover', function () {
            alert('Mouse over!'); 
            //logic of whatever you want happening...
        });
    }
}

如果您不希望每次用户在字段集中移动鼠标时都执行逻辑，那么我也会查看

mouseenter

。

mon

是多余的，当组件自动运行时，el将被清除。@evantimboli在这种情况下，使用托管侦听器是过分的，的确，谢谢你，弗朗西斯。你能帮我改变背景颜色并在鼠标上方的fieldset中显示一幅图像吗？@user1371658我想你需要在自己先查看后发布另一个问题。