javascript - チェックボックスが表示されないのはなぜですか?

Question

Extjs-6でアプリケーションを開発しています。チェックボックスを次のように定義します。

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

チェックボックス付きのフォーム: は表示されますが、表示されません。リスナーを定義し、キーを押してからキーを押すと、リスナーが起動します。

fieldLabelcheckboxchangetabspacechange

問題はどこですか？
スタイルを設定しましたが、何も変わりません。私は何を間違っていますか？

Answer 1

次のようなことを試してください：

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