ext formctrlcheckboxgroup必选校验

在Ext JS中，`Ext.form.CheckboxGroup`是一个用于创建多选框组的组件。如果你想要实现必选校验，即所有选项至少需要选择一项才能提交表单，你可以利用其内置的验证机制或者自定义验证规则。

1. **使用内置验证**:
- 设置`required`属性为`true`：在初始化 CheckboxGroup 的时候，可以设置 `fieldLabel`, `name` 和 `items` 等配置，并且添加 `required: true` 到 items 中每个 checkbox 的 `cfg` 或者直接在 CheckboxGroup 上设置 `allowBlank: false`。这会启用默认的非空验证。

Ext.create('Ext.form.field.CheckboxGroup', {
    fieldLabel: '请选择',
    name: 'myCheckboxGroup',
    allowBlank: false,
    items: [
        { text: 'Option 1', value: 1, checked: false },
        { text: 'Option 2', value: 2, checked: false }
    ],
    listeners: {
        validate: function(form, action) {
            if (!form.getValues().length) {
                // 提示用户至少选择一项
                form.markInvalid('myCheckboxGroup');
                return false;
            }
        }
    }
});

2. **自定义验证函数**:
如果你需要更复杂的验证逻辑，可以在`validate`事件监听器中编写一个函数检查是否至少有一个选中项。

Ext.create('Ext.form.field.CheckboxGroup', {
    //...
    listeners: {
        validate: function(form, action) {
            var values = form.getValues();
            if (values.every(function(value) { return !value; })) {
                form.markInvalid('myCheckboxGroup', '请至少选择一项');
                return false;
            }
        }
    }
});