adv-vtypes.js
资源名称:ext-3.0.0.zip [点击查看]
上传用户:shuoshiled
上传日期:2018-01-28
资源大小:10124k
文件大小:3k
源码类别:
中间件编程
开发平台:
JavaScript
- /*! * Ext JS Library 3.0.0 * Copyright(c) 2006-2009 Ext JS, LLC * licensing@extjs.com * http://www.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');
- });