ExtJS 5.0 - 要覆盖哪个函数以添加自定义 CSS?
ExtJS 5.0 - which function to override to add custom CSS?
我想使用如下代码向现有 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?
I can have the above code only in overrides. Is there a function I can
override after the CSS is loaded but before the components are
displayed?
如果您将覆盖放在正确的位置(例如应用程序结构中的 "overrides" 文件夹),它们将在 任何组件呈现之前被处理(有效地显示)。所以这应该适合你。
另请注意,Ext JS 有一个用于动态 CSS 操作的实用程序 — Ext.util.CSS,因此建议使用它而不是 "low-level" 样式更改。
我想使用如下代码向现有 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?
I can have the above code only in overrides. Is there a function I can override after the CSS is loaded but before the components are displayed?
如果您将覆盖放在正确的位置(例如应用程序结构中的 "overrides" 文件夹),它们将在 任何组件呈现之前被处理(有效地显示)。所以这应该适合你。
另请注意,Ext JS 有一个用于动态 CSS 操作的实用程序 — Ext.util.CSS,因此建议使用它而不是 "low-level" 样式更改。