javascript - 多个复选框仅显示一个

Question

我想显示 3 个复选框：

var DescCheck = new Ext.form.Checkbox({
                      fieldLabel: 'Description of service : <span style="color: rgb(255, 0, 0); padding-left: 2px;">*</span>',
                      width : 600,
                      labelSeparator : '',
                      items: [
                          {boxLabel: 'Direct', name: 'Direct', inputValue: 'Direct'},
                          {boxLabel: 'Fixed-day', name: 'day', inputValue: 'Fixed'},
                          {boxLabel: 'Weekly', name: 'Weekly', inputValue: 'Weekly'}
                        ]
});

此 form.Checkbox 位于 Ext.FormPanel 中的 FieldSet（纯美学）中。

这就是发生的事情：

只显示一个复选框，没有任何标签。为什么？

Answer 1

您正在使用Checkbox, 当看起来您想要的是 a 时CheckboxGroup。对于 v4.2.1，以下是相关文档：http ://docs.sencha.com/extjs/4.2.1/#!/api/Ext.form.CheckboxGroup

var descCheck = new Ext.form.CheckboxGroup({
    ...
    items: [
        {boxLabel: 'Direct', name: 'Direct', inputValue: 'Direct'},
        {boxLabel: 'Fixed-day', name: 'day', inputValue: 'Fixed'},
        {boxLabel: 'Weekly', name: 'Weekly', inputValue: 'Weekly'}
    ]
});

需要注意的另一件事是，您应该始终以小​​写字母（descCheck而不是DescCheck）开头命名变量。