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

Question

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

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

但我只想创建一个带有自定义 class 的组件，例如

<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，我在其中重写了组件以不添加默认值 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()
        })
    }
});

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

Customize class attribute on div tag using ExtJS

html

javascript

extjs