有沒有一種方法可以創建沒有默認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給出的功能。