extjs 复选选择框必填

ExtJS是一个功能强大的JavaScript UI框架，用于创建企业级Web应用程序。其中的复选选择框（Checkbox Field）通常用于让用户可以选择多个选项。如果你想在ExtJS的表单中设置复选选择框为必填项，可以这样做：

1. **启用验证**：在Form或FieldSet中，你可以为Checkbox Field配置一个验证规则。例如，通过`allowBlank`属性设置为`false`，表示该字段不允许为空。

 Ext.application({
     launch: function() {
         var form = Ext.create('Ext.form.Panel', {
             title: 'My Form',
             bodyPadding: 10,
             items: [
                 {
                     xtype: 'checkboxfield',
                     fieldLabel: 'Option 1',
                     name: 'myCheckbox',
                     allowBlank: false // 设置为true则变为非必填
                 },
                 // 其他字段...
             ],
             buttons: [{
                 text: 'Submit',
                 handler: function() {
                     if (!form.getValues().myCheckbox) {
                         alert('Checkbox is required.');
                     } else {
                         // 提交处理
                     }
                 }
             }],
             autoScroll: true,
             width: 300,
             height: 400
         });
     }
 });

在这个例子中，如果用户未勾选任何复选框并尝试提交，会弹出提示告知"Checkbox is required."