Javascript 有没有办法在没有默认div容器的情况下创建extjspure按钮？

我使用的是ExtJS4，我试图在面板中创建一个按钮

Ext.define('DL.view.MyPanel', {
    extend: 'Ext.panel.Panel',

    title: 'Login',

    initComponent: function () {
        this.items = [
            {
                xtype: 'button',
                text: "Login",
                tooltip: "login",
                cls: 'btn-primary'
            }]
    }
});

这里我使用“btn primary”来设置按钮的样式。 但在生成的HTML中，代码如下所示

您可以看到类“btn primary”被添加到它的容器中，一个div，而不是按钮本身，这不是我想要的，这样，类就不会影响按钮

---

那么，有没有一种方法可以生成一个按钮，它的类设置在按钮本身上？或者有没有一种方法可以在没有容器的情况下生成纯按钮？提前感谢。

简短的回答是否定的，除非修改框架的某些部分。解决此问题的最佳方法是扩展选择器：

---

.btn primary.x-btn-internal{}

简短的回答是否定的，除非修改框架的某些部分。解决此问题的最佳方法是扩展选择器：

---

有一种方法可以创建纯按钮

{
    xtype: 'component',
    baseCls: 'btn-primary',
    autoEl: {
        tag: 'button',
        href: '#',
        html: 'hello'
    }
}

---

但这样，它将是ExtJS中的一个组件，而不是一个按钮，因此它可能会丢失ExtJS提供的一些按钮功能。

有一种创建纯按钮的方法

{
    xtype: 'component',
    baseCls: 'btn-primary',
    autoEl: {
        tag: 'button',
        href: '#',
        html: 'hello'
    }
}

---

但这样，它将是ExtJS中的一个组件，而不是一个按钮，因此它可能会丢失一些ExtJS提供的按钮功能。

通常，您只需将CSS从

按钮.btn主按钮

更改为

。btn主按钮

…通常，您只需将CSS从

按钮.btn primary

更改为

.btn primary按钮

…我无法修改CSS文件，因为它在库中。我无法修改CSS文件，因为它在库中