Javascript 使用ExtJS自定义div标记上的class属性

自定义div标记上的class属性的最佳方法是什么。例如，当使用Ext.Component时，默认情况下生成的div标记是

<div class="x-component  x-component-default">...</div>

我还是会

<div class="some-class some-class-default">...</div>

。。。

如果推荐更好的东西，我真的不必使用Ext.Component对象。我只是从我所知道的开始

非常感谢您的帮助。谢谢。

某些类默认值”来自默认情况下解析为“默认值”的cls

看看这里，我已经覆盖了组件，不添加默认ui

Ext.define('Overrides.Component', {
    override: 'Ext.Component',

    baseCls: 'myComponent',
    borderBoxCls: '',
    setUI: function(ui) {
        var me = this;
        if (me.rendered) {
            me.updateLayout();
        }
    }
});

Ext.application({
    name : 'Fiddle',

    launch : function() {
        Ext.create('Ext.Component', {        
            itemId:'myComponent',        
            html:'My Component',
            renderTo:Ext.getBody()
        })
    }
});

---

因此，您刚刚定义了一个新类，并没有扩展它，而是使用了override属性。这很有帮助。非常感谢。

<div class="some-class some-class-default">...</div>

Ext.define('Overrides.Component', {
    override: 'Ext.Component',

    baseCls: 'myComponent',
    borderBoxCls: '',
    setUI: function(ui) {
        var me = this;
        if (me.rendered) {
            me.updateLayout();
        }
    }
});

Ext.application({
    name : 'Fiddle',

    launch : function() {
        Ext.create('Ext.Component', {        
            itemId:'myComponent',        
            html:'My Component',
            renderTo:Ext.getBody()
        })
    }
});