3 * Copyright(c) 2006-2010 Ext JS, LLC
5 * http://www.extjs.com/license
7 // Add the additional 'advanced' VTypes
\r
8 Ext.apply(Ext.form.VTypes, {
\r
9 daterange : function(val, field) {
\r
10 var date = field.parseDate(val);
\r
15 if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
\r
16 var start = Ext.getCmp(field.startDateField);
\r
17 start.setMaxValue(date);
\r
19 this.dateRangeMax = date;
\r
21 else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
\r
22 var end = Ext.getCmp(field.endDateField);
\r
23 end.setMinValue(date);
\r
25 this.dateRangeMin = date;
\r
28 * Always return true since we're only using this vtype to set the
\r
29 * min/max allowed values (these are tested for after the vtype test)
\r
34 password : function(val, field) {
\r
35 if (field.initialPassField) {
\r
36 var pwd = Ext.getCmp(field.initialPassField);
\r
37 return (val == pwd.getValue());
\r
42 passwordText : 'Passwords do not match'
\r
46 Ext.onReady(function(){
\r
48 Ext.QuickTips.init();
\r
50 // turn on validation errors beside the field globally
\r
51 Ext.form.Field.prototype.msgTarget = 'side';
\r
53 var bd = Ext.getBody();
\r
56 * ================ Date Range =======================
\r
59 var dr = new Ext.FormPanel({
\r
62 title: 'Date Range',
\r
63 bodyStyle:'padding:5px 5px 0',
\r
65 defaults: {width: 175},
\r
66 defaultType: 'datefield',
\r
68 fieldLabel: 'Start Date',
\r
72 endDateField: 'enddt' // id of the end date field
\r
74 fieldLabel: 'End Date',
\r
78 startDateField: 'startdt' // id of the start date field
\r
85 * ================ Password Verification =======================
\r
88 var pwd = new Ext.FormPanel({
\r
91 title: 'Password Verification',
\r
92 bodyStyle:'padding:5px 5px 0',
\r
96 inputType: 'password'
\r
98 defaultType: 'textfield',
\r
100 fieldLabel: 'Password',
\r
104 fieldLabel: 'Confirm Password',
\r
107 initialPassField: 'pass' // id of the initial password field
\r