[英]How to add a custom validation rule to a model in Sencha Touch
Sencha的这篇文章介绍了如何使用内置的验证规则(存在,长度,格式,包含,排除),并提到添加自定义规则很容易,但是没有解释如何去做。 我已经googled高低,并阅读了sencha文档,但我找不到任何关于如何做到这一点。 有任何想法吗?
http://www.sencha.com/learn/using-validations-and-associations-in-sencha-touch
我认为这是文档中的一个小错误。 我通过添加一些代码让他们工作
if (Ext.data) {
Ext.data.validations.custom = function (config, value) {
if (config && Ext.isFunction(config.fn)) {
//this should be the model
if (config.self) {
return config.fn.call(config.self, value);
} else {
return config.fn(value);
}
}
else
{
return false;
}
};
Ext.data.validations.customMessage = "Error";
}
然后,为模型添加验证,将对象添加到模型的验证数组中,类型设置为'custom',例如
{
type: 'custom', field: 'SomeField', message: "Your field is bad",
fn: function (SomeFieldValueForThisInstance) {
//Add some validation code. The this pointer is set to the model object
//so you can call this.get("SomeOtherFieldToCheck")
//or any other instance method
//if the field is good
return true;
//else
return false;
}
}
更新: @salgiza是对的,我忘了提几个步骤,以正确设置'this'指针。 如果您查看sencha触摸代码,您将看到在Ext.data.Model的构造函数的末尾,它会检查是否在对象上定义了init函数,如果是,则调用它
if (typeof this.init == 'function') {
this.init();
定义模型后,可以向原型添加init函数。 在该函数中,迭代对象的验证并添加对此的引用。 此步骤应在创建任何模型之前完成。
YourModel.prototype.init = function () {
var i, len;
if (this.validations) {
for (i = 0, len = this.validations.length; i < len; i++) {
this.validations[i].self = this;
}
}
};
然后在上面的自定义验证函数中,只检查配置是否有自我指针,如果有,请用self调用它。 我编辑了上面的代码来使用self。
注意:我没有看到模型的init函数被记录,所以如果sencha摆脱它,你将不得不以其他方式将this指针添加到模型的验证中。
对不起,如果这给任何人造成了混乱。
我认为向模型添加复杂自定义验证的最简单方法是覆盖validate方法。 如下所示,由于父调用,它支持内置验证类型。
validate: function() {
var me = this;
var errors = this.callParent(arguments);
/* custom complex validations here */
if(true !== me.get('checkOne') &&
true !== me.get('checkTwo') &&
true !== me.get('checkThree')) {
errors.add(Ext.create('Ext.data.Error', {
field : 'checkOne',
message: 'Choose at least one check, e.g. checkOne'
}));
}
return errors;
}
我稍微调整了Jason的代码,用于sencha touch 2(因为验证现在位于模型的config属性中)。 我建议创建一个基类,所有其他模型类都将从该基类继承。 然后,一旦你完成了,你可以使用jason的技术在Ext.data.validations singleton中添加自定义验证。
Ext.define('MyApp.model.CustomModelBase', {
extend: 'Ext.data.Model',
//adding an initializer to let custom validators access "self"
init : function () {
var i, len;
if (this.config.validations) {
for (i = 0, len = this.config.validations.length; i < len; i++) {
this.config.validations[i].self = this;
}
}
}
});
需要实现自定义验证,googled,也发现这个tomalex0 / SenchaTouch-Form-Validation在github上
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.