Question

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

 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: []
            };

请帮助我。

Answer 1

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

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

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

如何在EXTJS中将鼠标悬停事件添加到fieldset？

1 个答案: