Ext JS禁用了Panel mask Opacity

Question

如何使用蒙版控制禁用面板的不透明度。 我想禁用面板（意思是它可以触摸）并保持其不透明度。 THX

Answer 1

您可以创建自己的CSS样式表，覆盖ExtJS的已禁用项目的默认样式表。在ext-all.css中，您可以查看.x-item-disabled类的几种样式配置。例如，它们为工具栏按钮图标指定不透明度，如下所示：

.x-toolbar .x-item-disabled .x-btn-icon {
    opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity=35);
}

因此，您必须查找面板所属的类，并构建包含特定选择器规范的样式表。

CSS Syntax (Wikipedia)

Answer 2

我建议谁登陆这篇文章，在你自己的css文件中为面板禁用状态创建一个类，然后按如下方式配置面板禁用状态类，这样你只会影响所需的面板而不是整个面板应用程序：

在你的CSS中

.my-disabled-panel {
     opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity=35);
 }

在面板配置中......

Ext.create('Ext.panel.Panel', {    
    [...],
    disabledCls: 'my-disabled-panel',
    [...]
}