Category

Development Platform
Home > SourceCode/Document > Java Develop > JavaScript > View Code
adv-vtypes.js
Package: ext-3.1.0.zip　[view]
Upload User: dawnssy
Upload Date: 2022-08-06
Package Size: 9345k
Code Size: 3k
Category:

JavaScript

Development Platform:

JavaScript

adv-vtypes.js：Code Content
  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ // Add the additional 'advanced' VTypes
  2. Ext.apply(Ext.form.VTypes, {
  3.     daterange : function(val, field) {
  4.         var date = field.parseDate(val);
  6.         if(!date){
  7.             return;
  8.         }
  9.         if (field.startDateField && (!this.dateRangeMax || (date.getTime() != this.dateRangeMax.getTime()))) {
  10.             var start = Ext.getCmp(field.startDateField);
  11.             start.setMaxValue(date);
  12.             start.validate();
  13.             this.dateRangeMax = date;
  14.         } 
  15.         else if (field.endDateField && (!this.dateRangeMin || (date.getTime() != this.dateRangeMin.getTime()))) {
  16.             var end = Ext.getCmp(field.endDateField);
  17.             end.setMinValue(date);
  18.             end.validate();
  19.             this.dateRangeMin = date;
  20.         }
  21.         /*
  22.          * Always return true since we're only using this vtype to set the
  23.          * min/max allowed values (these are tested for after the vtype test)
  24.          */
  25.         return true;
  26.     },
  28.     password : function(val, field) {
  29.         if (field.initialPassField) {
  30.             var pwd = Ext.getCmp(field.initialPassField);
  31.             return (val == pwd.getValue());
  32.         }
  33.         return true;
  34.     },
  36.     passwordText : 'Passwords do not match'
  37. });
  40. Ext.onReady(function(){
  42.     Ext.QuickTips.init();
  44.     // turn on validation errors beside the field globally
  45.     Ext.form.Field.prototype.msgTarget = 'side';
  47.     var bd = Ext.getBody();
  49. /*
  50.  * ================  Date Range  =======================
  51.  */
  52.     
  53.     var dr = new Ext.FormPanel({
  54.       labelWidth: 125,
  55.       frame: true,
  56.       title: 'Date Range',
  57.   bodyStyle:'padding:5px 5px 0',
  58.   width: 350,
  59.       defaults: {width: 175},
  60.       defaultType: 'datefield',
  61.       items: [{
  62.         fieldLabel: 'Start Date',
  63.         name: 'startdt',
  64.         id: 'startdt',
  65.         vtype: 'daterange',
  66.         endDateField: 'enddt' // id of the end date field
  67.       },{
  68.         fieldLabel: 'End Date',
  69.         name: 'enddt',
  70.         id: 'enddt',
  71.         vtype: 'daterange',
  72.         startDateField: 'startdt' // id of the start date field
  73.       }]
  74.     });
  76.     dr.render('dr');
  77.     
  78.     /*
  79.      * ================  Password Verification =======================
  80.      */
  81.         
  82.     var pwd = new Ext.FormPanel({
  83.       labelWidth: 125,
  84.       frame: true,
  85.       title: 'Password Verification',
  86.       bodyStyle:'padding:5px 5px 0',
  87.       width: 350,
  88.       defaults: {
  89.         width: 175,
  90.         inputType: 'password'
  91.       },
  92.       defaultType: 'textfield',
  93.       items: [{
  94.         fieldLabel: 'Password',
  95.         name: 'pass',
  96.         id: 'pass'
  97.       },{
  98.         fieldLabel: 'Confirm Password',
  99.         name: 'pass-cfrm',
  100.         vtype: 'password',
  101.         initialPassField: 'pass' // id of the initial password field
  102.       }]
  103.     });
  105.     pwd.render('pw');
  106. });