有没有一种方法可以创建ExtJS纯按钮而不需要默认的div容器？

Question

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

那么有没有办法生成一个类设置在按钮本身上的按钮呢？或者有没有一种方法可以生成一个没有容器的纯按钮？提前道谢。

Answer 1

简短的回答是否定的，不修改框架的部分就不行。解决此问题的最佳方法是展开选择器：

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