X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc..c930e9176a5a85509c5b0230e2bff5c22a591432:/docs/source/adv-vtypes.html
diff --git a/docs/source/adv-vtypes.html b/docs/source/adv-vtypes.html
new file mode 100644
index 00000000..8dd8ec07
--- /dev/null
+++ b/docs/source/adv-vtypes.html
@@ -0,0 +1,115 @@
+
+
+ The source code
+
+
+
+
+ // 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