Ext JS disabled Маска панели Непрозрачность

Question

Как я могу контролировать непрозрачность отключенной панели с помощью маски. Я хотел бы отключить панель (это будет осязаемо) и оставить ее непрозрачность как есть. Thx

Answer 1

Вы можете создать свою собственную таблицу стилей CSS, которая переопределяет таблицу стилей по умолчанию для отключенных элементов. В 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', 
    [...] 
}