有没有办法在没有默认 div 容器的情况下创建 ExtJS 纯按钮？答案

【问题标题】：Is there a way to create ExtJS pure button without a default div container?有没有办法在没有默认 div 容器的情况下创建 ExtJS 纯按钮？
【发布时间】：2016-02-03 09:57:42
【问题描述】：

我正在使用 ExtJS 4，我正在尝试在面板中创建一个按钮

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，而不是按钮本身，这不是我想要的，这样类就不会影响按钮。

那么有没有办法生成一个按钮本身的类设置的按钮？或者有没有办法在没有容器的情况下生成 PURE 按钮？提前致谢。

【问题讨论】：

通常，您只需将 CSS 从 button.btn-primary 更改为 .btn-primary button...

标签： javascript extjs

【解决方案1】：

简短的回答是否定的，而不是不修改框架的某些部分。解决它的最佳方法是扩展选择器：

.btn-primary .x-btn-inner {}

【讨论】：

我无法修改 css 文件，因为它在库中

【解决方案2】：

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

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

但这样一来，它将是 ExtJS 中的一个 component，而不是一个 button，所以它可能会丢失一些 button 功能ExtJS 提供。

【讨论】：