ext js 6.0.1中禁用组件的工具提示

Question

我是ext js的新手。我的要求是在ext js 6.0.1中显示禁用组件的工具提示（例如xtype，如＆＃39;按钮＆＃39;，＆＃39; textfield＆＃39;＆＃39; datepicker＆＃39;等）

如果有人面临同样的问题并且有相同的解决方案，我很感激。

Answer 1

在Extjs中显示禁用按钮上的工具提示的简单方法是将.x-item-disabled的{​​{1}}的样式规范更改为pointer-events:none

pointer-events:all

请参阅小提琴here

Answer 2

您可以通过编程方式执行此操作：

var button={
    xtype : 'button',
    tooltip: 'Tooltip',
    text:'Text',
    style: {
        pointerEvents: 'all'
    }
};

或者在组件初始化之后：

button.setStyle({pointerEvents: 'all'});

Answer 3

对于按钮 - 添加工具提示配置。

var button={
        xtype : 'button',
        id : 'BtnId',
        tooltip:'',
        text:''
};

当您禁用按钮时。

button.disable();
button.setTooltip("Message");