ExtJS 5.0 - какая функция переопределить для добавления пользовательского CSS?

Question

Я хочу, чтобы динамически добавлять правила к существующему CSS, используя такой код:

var sheets = document.styleSheets; 
// Code omitted to determine which sheet to use, so just defaulting 
// to last style sheet. Also, error checking code omitted. 
var sheet = sheets[sheets.length - 1]; 
sheet.insertRule('.overlay {float: left; opacity: 0.8;}', -1); 

Однако, я могу иметь код выше только в переопределении. Есть ли функция, которую я могу переопределить после загрузки CSS, но до отображения компонентов? Если нет, то где же я могу изменить CSS?

Answer 1

Я могу иметь вышеуказанный код только в переопределениях. Есть ли функция, которую я могу переопределить после загрузки CSS, но до того, как будут отображаться компоненты ?

Если вы кладете переопределения в нужном месте (например, как в папке «Переопределение» в вашей структуре приложения), они будут обработаны до того любого компонента оказанным (эффективно, отображается). Так что это сработает для вас.

Также обратите внимание на то, что Ext JS имеет утилиту для динамических манипуляций CSS - Ext.util.CSS, поэтому рекомендуется использовать его вместо «низкоуровневых» изменений стиля.