Ext JS已禁用面板遮罩不透明度

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', 
    [...] 
}