Extjs vtype运用
日期：2014-05-16 浏览次数：20312 次
Extjs vtype使用
Ext.apply(Ext.form.VTypes, {
dateRange: function(val, field){
if(field.dateRange){
var beginId = field.dateRange.begin;
this.beginField = Ext.getCmp(beginId);
var endId = field.dateRange.end;
this.endField = Ext.getCmp(endId);
var beginDate = this.beginField.getValue();
var endDate = this.endField.getValue();
}
if(beginDate <= endDate){
return true;
}else{
return false;
}
},
//验证失败信息
dateRangeText: '开始日期不能大于结束日期'
});
拿来主义，贴过来一段vtyp的文字说明
ExtJS中使用vtype
在ExtJS中vtype相当于一个预定义的客户端数据校验，每一种vtype都对应某一种特定的数据校验，比如说Email，IP地址，手机号等等。为了能够正确的使用它，需要注意以下四个方面：
- 在onReady方法中，必须调用Ext.QuickTips.init();方法，我是花了九牛二虎之力才发现这个的。因为我是从别的地方直接拷贝了一个FormPanel的定义，结果没有这个调用，因此校验错误的提示就TMD显示不出来。最后一步一步的检查在发现需要这个方法来初始化Ext中所有类似hint的显示功能。
- 还需要调用Ext.form.Field.prototype.msgTarget = 'side';方法，这个方法的作用是在需要校验的字段右边显示一个小叹号。
- 在需要校验的字段中用vtype设定相应的校验类型，如：email、url、alphamun等等，ExtJs本身仅仅定义了不多的几个。我们可以自定义，这就好像是struts2中自定义validation一样。
- 如果不定义vtypeTex
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
