javascript - 表单提交而不检查ext js中的必填字段

Question

我在 ext js 表单中添加了一些字段，其中包含必需的“itemCls”。但是表单提交时不检查（必填字段）字段是否为空。

我的代码如下，

  xtype: 'form',
  id: 'form',
  bodyStyle: 'overflow : auto; height: 337px;',
  items: [{
    xtype: 'fieldset',
    items: [{
      xtype: 'combo',
      id: 'adr',
      anchor: '98%',
      listWidth: 300,
      itemCls: 'required',
      editable: false,
      store: store,
      displayField: 'NAM',
      valueField: 'ID',
      triggerAction: 'all',
      mode: 'local'
    }, {
      xtype: 'datefield',
      id: 'date',
      name: 'date',
      itemCls: 'required',
      readOnly: false,
    }, {
      xtype: 'textfield',
      id: 'name',
      itemCls: 'required',
      anchor: '98%',
      fieldLabel: 'name',
      name: 'name'
    }]
  }, {
    xtype: 'button',
    text: 'Save',
    handler: function(btn, evt) {
      Ext.getCmp('form').getForm().submit();
    }

  }]

任何帮助都必须感谢..

Answer 1

您必须将monitorValid :true 添加到form。然后你可以在表单上使用监听器客户端验证，例如，禁用提交按钮

listeners: {
  clientvalidation : function(form, valid) {
    Ext.getCmp('button-save').setDisabled(!valid);
  }
}

之后，客户端验证将按预期工作。注意：button-save是id，应该在Save按钮上。