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

Question

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

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

但我只是想用自定义类创建一个组件，比如

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

这样做最好的方法是什么？

如果我使用

之类的东西

Ext.create('Ext.Component', {
    ...
    baseCls: 'some-class'
});

我还是

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

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

非常感谢任何帮助。谢谢。

Answer 1

“some-class-default”来自ui cls，默认情况下解析为'default'。

看看这个fiddle，我覆盖了Component，不添加默认的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()
        })
    }
});