在extjs4中如何显示必修字段

时间:2013-10-18 04:59:28

标签: extjs

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

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

                        }
                    }  

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

1 个答案:

答案 0 :(得分:0)

你好,你应该提交你的表格或申请每个字段无效。

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');

    }
}]

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

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