X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/d41dc04ad17d1d9125fb2cf72db2b4782dbe3a8c..e9397f91ede62d446aed37d23256e8938fc4c335:/examples/form/adv-vtypes.js diff --git a/examples/form/adv-vtypes.js b/examples/form/adv-vtypes.js index c97eb0fb..02f22c04 100644 --- a/examples/form/adv-vtypes.js +++ b/examples/form/adv-vtypes.js @@ -1,113 +1,114 @@ -/* - * Ext JS Library 2.2.1 - * Copyright(c) 2006-2009, Ext JS, LLC. - * licensing@extjs.com - * - * http://extjs.com/license - */ - -// Add the additional 'advanced' VTypes -Ext.apply(Ext.form.VTypes, { - daterange : function(val, field) { - var date = field.parseDate(val); - - if(!date){ - return; - } - if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) { - var start = Ext.getCmp(field.startDateField); - start.setMaxValue(date); - start.validate(); - this.dateRangeMax = date; - } - else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) { - var end = Ext.getCmp(field.endDateField); - end.setMinValue(date); - end.validate(); - this.dateRangeMin = date; - } - /* - * Always return true since we're only using this vtype to set the - * min/max allowed values (these are tested for after the vtype test) - */ - return true; - }, - - password : function(val, field) { - if (field.initialPassField) { - var pwd = Ext.getCmp(field.initialPassField); - return (val == pwd.getValue()); - } - return true; - }, - - passwordText : 'Passwords do not match' -}); - -Ext.onReady(function(){ - - Ext.QuickTips.init(); - - // turn on validation errors beside the field globally - Ext.form.Field.prototype.msgTarget = 'side'; - - var bd = Ext.getBody(); - - /* - * ================ Date Range ======================= - */ - - var dr = new Ext.FormPanel({ - labelWidth: 125, - frame: true, - title: 'Date Range', - bodyStyle:'padding:5px 5px 0', - width: 350, - defaults: {width: 175}, - defaultType: 'datefield', - items: [{ - fieldLabel: 'Start Date', - name: 'startdt', - id: 'startdt', - vtype: 'daterange', - endDateField: 'enddt' // id of the end date field - },{ - fieldLabel: 'End Date', - name: 'enddt', - id: 'enddt', - vtype: 'daterange', - startDateField: 'startdt' // id of the start date field - }] - }); - - dr.render('dr'); - - /* - * ================ Password Verification ======================= - */ - - var pwd = new Ext.FormPanel({ - labelWidth: 125, - frame: true, - title: 'Password Verification', - bodyStyle:'padding:5px 5px 0', - width: 350, - defaults: { - width: 175, - inputType: 'password' - }, - defaultType: 'textfield', - items: [{ - fieldLabel: 'Password', - name: 'pass', - id: 'pass' - },{ - fieldLabel: 'Confirm Password', - name: 'pass-cfrm', - vtype: 'password', - initialPassField: 'pass' // id of the initial password field - }] - }); - - pwd.render('pw'); -}); \ No newline at end of file +/*! + * Ext JS Library 3.3.1 + * Copyright(c) 2006-2010 Sencha Inc. + * licensing@sencha.com + * http://www.sencha.com/license + */ +// Add the additional 'advanced' VTypes +Ext.apply(Ext.form.VTypes, { + daterange : function(val, field) { + var date = field.parseDate(val); + + if(!date){ + return false; + } + if (field.startDateField) { + var start = Ext.getCmp(field.startDateField); + if (!start.maxValue || (date.getTime() != start.maxValue.getTime())) { + start.setMaxValue(date); + start.validate(); + } + } + else if (field.endDateField) { + var end = Ext.getCmp(field.endDateField); + if (!end.minValue || (date.getTime() != end.minValue.getTime())) { + end.setMinValue(date); + end.validate(); + } + } + /* + * Always return true since we're only using this vtype to set the + * min/max allowed values (these are tested for after the vtype test) + */ + return true; + }, + + password : function(val, field) { + if (field.initialPassField) { + var pwd = Ext.getCmp(field.initialPassField); + return (val == pwd.getValue()); + } + return true; + }, + + passwordText : 'Passwords do not match' +}); + + +Ext.onReady(function(){ + + Ext.QuickTips.init(); + + // turn on validation errors beside the field globally + Ext.form.Field.prototype.msgTarget = 'side'; + + var bd = Ext.getBody(); + + /* + * ================ Date Range ======================= + */ + + var dr = new Ext.FormPanel({ + labelWidth: 125, + frame: true, + title: 'Date Range', + bodyStyle:'padding:5px 5px 0', + width: 350, + defaults: {width: 175}, + defaultType: 'datefield', + items: [{ + fieldLabel: 'Start Date', + name: 'startdt', + id: 'startdt', + vtype: 'daterange', + endDateField: 'enddt' // id of the end date field + },{ + fieldLabel: 'End Date', + name: 'enddt', + id: 'enddt', + vtype: 'daterange', + startDateField: 'startdt' // id of the start date field + }] + }); + + dr.render('dr'); + + /* + * ================ Password Verification ======================= + */ + + var pwd = new Ext.FormPanel({ + labelWidth: 125, + frame: true, + title: 'Password Verification', + bodyStyle:'padding:5px 5px 0', + width: 350, + defaults: { + width: 175, + inputType: 'password' + }, + defaultType: 'textfield', + items: [{ + fieldLabel: 'Password', + name: 'pass', + id: 'pass' + },{ + fieldLabel: 'Confirm Password', + name: 'pass-cfrm', + vtype: 'password', + initialPassField: 'pass' // id of the initial password field + }] + }); + + pwd.render('pw'); +});