为什么我的复选框不可见？

Question

我正在使用Extjs-6开发一个应用程序。我将checkbox定义如下：

{
   xtype: 'checkboxfield',
   fieldLabel: 'This is a CHECKBOX, but it\'s  not display',
   style: {
      width: '95%',
      marginBottom: '10px',
      color: 'blue'
   },
}

我的表格带复选框：

它显示fieldLabel，但不显示checkbox。当我定义change个侦听器，然后按tab键，然后按space键，change听众就会触发。

问题在哪里？
我设定了样式，但它什么都没改变。 我做错了什么？

Answer 1

尝试这样的事情：

{
     xtype: 'checkboxfield',
     fieldLabel: 'checkboxlabel',
     id:'checkboxid',
     minWidth: 50,
     padding: 0,
     allowBlank: true,
     labelSeparator: '',
     listeners: {
        labelEl: {
            click: function(e) {
                e.preventDefault();
            }
        }
     }
}