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

Question

我使用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-主”样式按钮里面创建一个按钮。 但在生成的HTML，代码如下

你可以看到这个类的BTN-主“在其容器，一个div，而不是按钮本身，这是不是添加我想，这样，班级不会影响按钮。

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

Answer 1

简短的答案是否定的，不是没有修改框架的部分。解决它的最好办法是扩大选择：

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

Answer 2

有一种方式来创建一个纯粹的按钮

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

，但这样一来，这将是一个组件 ExtJS，而不是按钮，所以也许它会丢失一些按钮 ExtJS给出的功能。