Ext.onReady(function(){
Ext.BLANK_IMAGE_URL = "resources/images/default/s.gif";
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
//自定义VTypes类型,验证日期范围
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: '开始日期不能大于结束日期'
});
var dateForm = new Ext.FormPanel({
title: '自定义验证',
labelSeparator: ':',
labelWidth: 80,
bodyStyle: 'padding: 5 5 5 5',
frame: true,
height: 130,
width: 300,
renderTo: Ext.getBody(),
items: [{
xtype: 'datefield',
id: 'beginDate',
format: 'Y年m月d日',
width: 150,
allowBlank: false,
readOnly: true,
value: new Date(),
fieldLabel: '开始日期',
//用于Vtype类型dateRange
dateRange: {begin: 'beginDate', end: 'endDate' },
vtype: 'dateRange'
},{
xtype: 'datefield',
id: 'endDate',
format: 'Y年m月d日',
width: 150,
allowBlank: false,
readOnly: true,
value: new Date(),
fieldLabel: '结束日期',
//用于Vtype类型dateRange
dateRange: {begin: 'beginDate', end: 'endDate' },
vtype: 'dateRange'
}],
buttons: [{
text:'提交',
handler: function(){
//先检查表单的基本验证是否完成
if (dateForm.form.isValid()){
Ext.Msg.alert('提示','验证通过提交表单');
}
}
}]
})
})
分享到:
相关推荐
extjs 常用vtype 代码 Ext.VTyps常用vtype大全!
ExtJs自定义消息框,自带的消息框,可以下载来了解一下。
extjs自定义控件extjs自定义控件extjs自定义控件extjs自定义控件extjs自定义控件extjs自定义控件extjs自定义控件
Extjs表单VTYPE扩展,方便验证!
xtype : 'jxcombo' //配置项 jxValueField:要获取值得字段名称,默认null //公共方法 getJXValue():返回自定义字段的值,如果没有自定义字段,则等价Ext.form.Combo类的getValue()方法
在 ExtJS3.3基础上开发的. 低一点的版本应该也能用. 没有去测试. 参考: Ext.PagingToolbar.js 因为我开发测试完这个分页工具后, 电脑上显示刚好是15:00, 所以取名: PM3PagingToolbar 如有BUG还请各位提出或留言. ...
extJS myeclipse源码示例
自定义下拉树,你懂的,内附图和前后台源代码
1.ExtJS自定义组件,图片按钮为例. 2.此图片按钮背景完全为图片,没有边框,需要使用者提供2张图片,一张初始化用,一张点击后用,可在'imgPaths:'属性里填写,格式为'01.jpg~02.jpg' 3.解压后请将所有附件放置您extjs...
自定义树结构实现以及动态表头实现,整个程序是完整的,包括后台数据读取,数据赋值,树结构的类定义,前后端函数映射实现等,前端运用Extjs搭建页面
extjs验证 extjs验证 extjs验证 extjs验证extjs验证 extjs验证 extjs验证 extjs验证
严格按照MVC架构分的曾,可以运行的extJs4.2MVC示例,在myclipse加到一个项目里的的webroot文件夹下,运行index.html即可
extjs4.0 MVC 示例代码
ExtJS示例,Grid的使用,Panle的使用,树的使用
自定义高级查询Extjs
extjs 2.0简单示例,不全,基本上可以知道是什么东西。
extjs editgrid示例代码extjs editgrid示例代码extjs editgrid示例代码extjs editgrid示例代码
ExtJs4登录示例
在 ExtJS3.3基础上开发的. 低一点的版本应该也能用. 没有去测试. 参考: Ext.PagingToolbar.js 如有BUG还请各位提出或留言. 附件中有图片, 一看就知道. 用法: var grid = new Ext.grid.GridPanel({ bbar: new Ext....
extjs grid示例代码extjs grid示例代码extjs grid示例代码extjs grid示例代码