[new version] DateTime Field

[jsakalos]

i try the code

Ext.getCmp('form').getForm().reset()

getValues is NaN , the field show "NaN.NaN.NaN"

Thanks for bug report. It's fixed now.

[wenner]

bug:
1. Focus the field but don't select , then click 'submit' , getvalue() is empty "" -- only IE
2. click 'submit' again , alert "NaN.NaN.NaN NaN:NaN:NaN" -- IE6 && FF2

and i use the new script of the top post.....

how fix?

[acontreras]

It was easier that I'd thought. Get the code from the first post now and give it a try.

Nice, now it's validating.

Thanks!

[daviscabral]

On focus/blur this happens:

elp has no properties
this.errorIcon = elp.createChild({cls:'x-form-invalid-icon'}...

[jsakalos]

On focus/blur this happens:

elp has no properties
this.errorIcon = elp.createChild({cls:'x-form-invalid-icon'}...

Post your code. Never happened to me.

[daviscabral]

Follow:

DadosVisita: function() {
        var dialog = Ext.WindowMgr.getActive();
		var dsProspectsTiposContatos = Ext.StoreMgr.get("dsProspectsTiposContatos");
		if ( !dsProspectsTiposContatos ) {        
			var dsProspectsTiposContatos = new Ext.data.Store({
				proxy: new Ext.data.HttpProxy({url: "../ProspectsTiposContatos/Index.ashx"}),
				reader: new Ext.data.JsonReader({root: 'Results',totalProperty: 'totalItems'}, [
					{name: 'Id'},
					{name: 'Descricao'}
				])
			});					
			dsProspectsTiposContatos.load({params: {sort:"Descricao",start:0,limit:9999,dir:"ASC",combobox: true}});
			Ext.StoreMgr.add("dsProspectsTiposContatos", dsProspectsTiposContatos);
		}
        return {
            id: dialog.id+'_Visitas',
            title:'Dados da visita',
            layout:'form',
            labelWidth: 120,
            bodyStyle:'padding:10px',
            border:false,
            closable:true,
            items:[{
                xtype: 'reloadcombobox',
                fieldLabel:'Tipo',
                hiddenName:'ProspectContato.ProspectTipoContato.Id',
                store:dsProspectsTiposContatos,
                valueField:'Id',
                displayField:'Descricao',
                forceSelection:true,
                typeAhead:true,
                mode:'local',
                selectOnFocus:true,
                width: '94%',
                allowBlank:false
            },{
                xtype: 'xdatetime',
                fieldLabel:'Data',
                id:dialog.id+'_Data',
                name:'ProspectContato.Data',
                forceSelection:true,
                typeAhead:true,
                anchor:'94%',
                timeFormat:'H:i:s',
                timeConfig: {
                    altFormats:'H:i:s',
                    allowBlank:false    
                },
                dateFormat:'d/m/Y',
                dateConfig: {
                    altFormats:'Y-m-d|Y-n-d',
                    allowBlank:false    
                }
            },{
                xtype: 'textarea',
                fieldLabel:'Resultado',
                name:'ProspectContato.Resultado',
                height: 160,
                width: '90%',
                allowBlank:false
            }]
        };        
    }

elp has no properties
markInvalid("Este campo é obrigatório.")ext-all.js (line 25362)
validateValue("")ext-all.js (line 25673)
validateValue("")ext-all.js (line 26173)
validate()ext-all.js (line 25319)
onBlur()ext-customization... (line 271)
triggerBlur()ext-all.js (line 25847)
mimicBlur(Object browserEvent=Event mousedown button=0)ext-all.js (line 25835)
h(Object browserEvent=Event mousedown button=0)ext-all.js (line 1629)
(no name)()ext-all.js (line 1592)
[Break on this error] this.errorIcon = elp.createChild({cls:'x-form-invalid-icon'}...

The line red is here:

Ext.override(Ext.form.Field, {
    // private
    onBlur : function(){
        this.el.removeClass(this.focusClass);
        this.hasFocus = false;
        if (this.forceUpperCase) {
            this.el.dom.value = String(this.getValue()).toUpperCase();
        }
        if(this.validationEvent !== false && this.validateOnBlur && this.validationEvent != "blur"){
            this.validate();
        }
        var v = this.getValue();
        if(v != this.startValue){
            this.fireEvent('change', this, v, this.startValue);
        }
        this.fireEvent("blur", this);
    }
});

Thanks!

[jsakalos]

Hmmm,

I don't have enough time to make your code runnable by putting it go a page. I meant a full runnable code that I can run, change and debug fast.

Nevertheless, for the first glance, you override onBlur method of Ext.form.Field so I cannot help in that case as the problem lies most likely in your override.

I use this field both in form and grid and it works flawlessly.

[daviscabral]

I found the error:

Ext.form.Field.prototype.msgTarget = 'side';

            case 'side':
                if(!this.errorIcon){
                    var elp = this.el.findParent('.x-form-element', 5, true);
                    this.errorIcon = elp.createChild({cls:'x-form-invalid-icon'});
                }
                this.alignErrorIcon();
                this.errorIcon.dom.qtip = msg;
                this.errorIcon.dom.qclass = 'x-form-invalid-tip';
                this.errorIcon.show();
                this.on('resize', this.alignErrorIcon, this);
                break;

[JorisA]

Great jsakalos
I know many people were asking for this and I will definitively find a place for it in my current application

[linizou]

It work fine on IE 7 . thanks.