多个复选框仅显示一个

时间:2013-08-01 14:14:53

标签: javascript extjs

我想显示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位于一个FieldSet(纯粹美学)中,位于Ext.FormPanel中。

这是发生的事情: checkbox

仅显示一个复选框,没有任何标签。为什么呢?

1 个答案:

答案 0 :(得分:2)

您正在使用Checkbox,看起来您想要的是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)命名变量。