我想显示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中。
这是发生的事情:
仅显示一个复选框,没有任何标签。为什么呢?
答案 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
)命名变量。