ExtJs 4.1.1複選框正在渲染爲按鈕，需要正常的複選框

Question

我正在使用ExtJs 4.1.1，並希望渲染正常的複選框以呈現在div中，但使用以下代碼將其呈現爲按鈕。我檢查ExtJS的來源Ext.form.field.Checkbox並在發現fieldSubTpl財產說

// Creates not an actual checkbox, but a button which is given aria role="checkbox" (If ARIA is required) and 
// styled with a custom checkbox image. This allows greater control and consistency in 
// styling, and using a button allows it to gain focus and handle keyboard nav properly. 

如果是這樣的話又是什麼一種方式來獲得正常的複選框評論？

Ext.create('Ext.container.Container',{ 
      id: 'myContainer', 
      width: 100, 
      renderTo: 'chekboxId', 

      items: [{ 
       xtype:'checkboxgroup', 
       id:'chekcboxGrpId', 
       items:[ 
        { 

         boxLabel: 'Text check box',      
        name : 'MyCheckBox', 
        inputValue: 'true', 
        checked: true 

        } 

       ] 

      }] 
     }) 

Answer 1

我認爲問題是，你還沒有包括CSS /圖片到你的項目 here is example

CSS

<link rel="stylesheet" href="http://cdn.sencha.io/try/extjs/4.1.1/resources/css/ext-all-gray.css"> 

HTML

<div id="checkbox"></div> 

的Javascript

Ext.onReady(function(){ 
    var panel = Ext.create('Ext.panel.Panel', { 
     items: { 
      xtype: 'fieldcontainer', 
      fieldLabel: 'Toppings', 
      defaultType: 'checkbox', 
      items: [ 
       { 
        boxLabel : 'Anchovies', 
        name  : 'topping', 
        inputValue: '1', 
        id  : 'checkbox1' 
       } 
      ] 
     } 
    }); 
    panel.render('checkbox'); 
})