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 (Википедия)

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