有没有办法创建没有默认div容器的ExtJS纯按钮？

Question

我正在使用ExtJS 4，我试图在Panel中创建一个按钮

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

    title: 'Login',

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

这里我使用＆＃39; btn-primary＆＃39;设置按钮的样式。 但是在生成的HTML中，代码如下所示

你可以看到班级＆＃39; btn-primary＆＃39;在它的容器中添加一个div，而不是按钮本身，这不是我想要的，这样，这个类不会影响按钮。

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

Answer 1

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

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

Answer 2

有一种创建纯按钮的方法

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

但是通过这种方式，它将是ExtJS中的组件，而不是按钮，所以它可能会丢失一些按钮功能ExtJS给出了。