extjs - 在 extjs4 中如何显示必填字段

Question

我在 extjs4 工作，我有两个字段=

items :[{                       
                    xtype: 'textfield',
                    allowBlank: false,
                    maxLength: 255,
                    emptyText: 'task1'
                },{
                    xtype: 'datefield',
                    allowBlank: false,
                    scope: me,
                    listeners: {
                        change: function(field, newValue, oldValue, eOpts) {

                        }
                    }  

有了这个我有添加按钮。单击添加按钮时，我必须将上述两个字段都显示为红色边框中的必填字段，显示必填字段。但它只在红色边框中显示第一个，而不是两者。所以我需要在代码中包含什么，以便在提交为空白时两个字段都会以红色突出显示。

Answer 1

您好为此，您应该提交您的表格或应用每个字段无效。

buttons: [{
    text: 'Test Button',
    handler: function() {

        // this.up('form').getForm().submit();

        // or

        this.up('form').getForm().findField('email').markInvalid('Email');
        this.up('form').getForm().findField('password').markInvalid('Password');

    }
}]

在上面的代码中，您可以提交表单将显示该表单的所有字段处于无效状态。

或者

如上例所示，您可以为每个字段添加手动无效状态。