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

【问题标题】：Tool tip on disable component in ext js 6.0.1在 ext js 6.0.1 中禁用组件的工具提示
【发布时间】：2017-04-05 14:52:56
【问题描述】：

我是 ext js 的新手。我的要求是在 ext js 6.0.1 中显示禁用组件的工具提示（例如 xtype，如 'button'、'textfield'、'datepicker' 等）。

如果有人遇到同样的问题并有相同的解决方案，我将不胜感激。

【问题讨论】：

Extjs 允许在禁用的组件（如按钮）上显示提示。您可以使用配置 tooltip 或使用 setTooltip() 方法作为此链接中给出的按钮：docs.sencha.com/extjs/5.0.0/api/…跨度>

【解决方案1】：

在 Extjs 中显示禁用按钮的工具提示的一种简单方法是将 .x-item-disabled 的样式规范更改为 pointer-events:none 到 pointer-events:all

<style>
    .x-item-disabled, .x-item-disabled * {
    pointer-events:all;
}
</style>

见小提琴here

【讨论】：

【解决方案2】：

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

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

或者在组件初始化之后：

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

【讨论】：

【解决方案3】：

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

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

当您禁用按钮时。

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

【讨论】：