[ExtJS] 动态注册样式表 定义样式类

在js中，可以使用document.createElement 来动态创建style标签，并注册到页面上。

ExtJs提供了一个封装好的类 Ext.util.CSS

动态创建Style标签块：

Ext.util.CSS.createStyleSheet('css文本信息','style标签块ID')

示例：

Ext.util.CSS.createStyleSheet(`
    .abc {
        color:red;
    }
    .x-container {
        width:50px;
    }
`,'demo1')

执行后，就会在当前的html中，注入一个style内部样式表

 

动态移除Style标签块：

在我们动态创建style块后，一般在视图实例控件使用后，在其销毁时，也需将动态创建的内部样式表销毁

Ext.util.CSS.removeStyleSheet('style标签块ID');

示例：

Ext.util.CSS.removeStyleSheet('demo1');

ps：removeStyleSheet仅会移除一个内部样式表，如果页面上有多个 id为demo1的内部样式表，想要全部移除，就要执行多次
。