extjs：复选框缩进样式，而不显示字段标签

Question

关于复选框缩进样式的简短问题。一个新的复选框创建如下：

var newLegendItem = new Ext.form.Checkbox({
    boxLabel: "test",
    name: "test",
    checked:true 
 });

在浏览器中，输出复选框没有向左缩进。我需要做什么才能应用缩进样式？

谢谢！

Answer 1

如果您想将其与其他表单字段内联对齐，请尝试：

hideLabel: false,
fieldLabel: ' '

Answer 2

如果您希望它与其他表单元素对齐，根据文档，这是正确的方法：

hideEmptyLabel: false

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.form.Labelable-cfg-hideEmptyLabel

Answer 3

设置边距，根据口味调整大小：

var newLegendItem = new Ext.form.Checkbox({
    style: 'margin-left: 30px',
    boxLabel: 'test',
    name: 'test',
    checked: true
});