如何在sencha touch / ext js模型中编写验证

时间:2014-02-14 09:00:38

标签: javascript extjs sencha-touch sencha-touch-2

我有这样的模型

Ext.define('app.model.TeamEmpAssignment', {
            extend : 'Ext.data.Model',
            config : {
                idProperty : 'teamEmpId',
                fields : [{
                        name : 'teamEmpId',
                        type : 'int'
                    }, {
                        name : 'actName'
                    }, {
                        name : 'beginDateTime'
                    }, {
                        name : 'endDateTime'
                    },

                ],

                validations : [{
                        field : 'beginDateTime',
                        type : 'presence',
                        message : 'Effective Begin Date Time required'
                    }, {
                        field : 'endDateTime',
                        type : 'presence',
                        message : 'Effective End Date Time required'
                    },
                ],

            }

        });

我必须编写验证来比较endDateTime>的startDateTime

我正在尝试触摸2.3.1

2 个答案:

答案 0 :(得分:0)

验证类型来自Ext.data.validations单例。您可以在此处添加自己的验证器,但该方法不提供模型中的所有字段(听起来您需要它)。我们建议将验证器移动到不同的位置(模型外部),可能在相关的表单组件上(在加载之后或保存之前)。

答案 1 :(得分:0)

我知道这是一个老问题,但我遇到了同样的问题并且想分享我的方法。

我在模型中创建了一个方法,它执行自定义验证,例如:

Ext.define('app.model.TeamEmpAssignment', {
    extend : 'Ext.data.Model',
    config : {
        // config here
    },

    checkDates: function (errors) {
        // assuming the dates are timestamps
        if (this.get('beginDateTime') > this.get('endDateTime')) {
            errors.add(Ext.create('Ext.data.Error', {
                field  : 'beginDateTime',
                message: 'Begin date can\'t be after end date'
            }));
        }
    }

});

您会注意到checkDates有一个参数 - 错误。这个参数实际上是模型的validate方法返回的Ext.data.Errors对象。所以我们可以这样做:

var record = Ext.create('Ext.data.Errors');
// set some values here
var errors = record.validate();
record.checkDates(errors);

console.log(errors.isValid());

我们可以使用isValid,因为它所做的只是检查Ext.data.Errors集合是否包含项目。

我目前正在使用它,但是覆盖validate方法非常容易,因此您不必外部调用自定义验证。

Ext.define('app.model.TeamEmpAssignment', {
    extend : 'Ext.data.Model',
    config : {
        // config here
    },

    checkDates: function (errors) {
        // assuming the dates are timestamps
        if (this.get('beginDateTime') > this.get('endDateTime')) {
            errors.add(Ext.create('Ext.data.Error', {
                field  : 'beginDateTime',
                message: 'Begin date can\'t be after end date'
            }));
        }
    },

    validate: function () {
        var errors = this.callParent(arguments);

        this.checkDates(errors);

        return errors;
    }

});