[CLOSED-480][3.1] Spinner Broken

[Madefh]

Hello.

I'm updating a existing application to Ext 3.1, because I'm working on speed and memory consume.

Well, my Spinner broked after this. I updated the Spinner.js for the included on ext-3.1.0.zip. The adjustWidth errors doesn't happen, but, I use 2 spinner fields inside a column layout, and all column layout (including a 3th datetime field) doesn't are showed BEFORE I resize the navigator Window. I'm using Firefox 3.6, but same errors occurs on Safari 4 and Opera 10.10 (all for Mac).

My column layout spinner field cast:



this.data = new Ext.form.DateField({
xtype: 'datetimefield',
format: 'd/m/Y',
editable: false,
labelStyle: 'display: none',
name: 'dt_regularizacao'
});
this.hora = new Ext.ux.form.SpinnerField({
labelWidth: 40,
width: 50,
xtype: 'spinnerfield',
labelStyle: 'display:none',
name: 'hora',
minValue: 0,
maxValue: 23,
decimalPrecision: 1,
accelerate: true
});
this.minuto = new Ext.ux.form.SpinnerField({
labelWidth: 40,
width: 50,
xtype: 'spinnerfield',
labelStyle: 'display:none',
name: 'minuto',
minValue: 0,
maxValue: 59,
decimalPrecision: 1,
accelerate: true
});
this.formPanel = new Ext.FormPanel({
labelAlign: 'left',
labelWidth: 130,
width: 600,
border: false,
bodyStyle: 'padding: 5px',
items: [{
layout: 'column',
fieldLabel: '<?php echo DMG_Translate::_('regularizacao.data.text'); ?>',
border: false,
items:[{
labelAlign: 'top',
layout: 'form',
border: false,
items: [this.data]
},{
labelAlign: 'top',
layout: 'form',
border: false,
items: [this.hora]
},{
labelAlign: 'top',
layout: 'form',
border: false,
items: [this.minuto]
}]
},
// more code to close formPanel


Thanks for any help.

[aconran]

I tested a stripped down version of your example in both Ext 3.1.0 and trunk. Both of them worked. Please post a reproducible sample so that we can troubleshoot and fix this problem if it still exists.

I used the following code.


var data = new Ext.form.DateField({
xtype: 'datetimefield',
format: 'd/m/Y',
editable: false,
labelStyle: 'display: none',
name: 'dt_regularizacao'
});
var hora = new Ext.ux.form.SpinnerField({
labelWidth: 40,
width: 50,
xtype: 'spinnerfield',
labelStyle: 'display:none',
name: 'hora',
minValue: 0,
maxValue: 23,
decimalPrecision: 1,
accelerate: true
});
var minuto = new Ext.ux.form.SpinnerField({
labelWidth: 40,
width: 50,
xtype: 'spinnerfield',
labelStyle: 'display:none',
name: 'minuto',
minValue: 0,
maxValue: 59,
decimalPrecision: 1,
accelerate: true
});
var simple = new Ext.form.FormPanel({
labelAlign: 'left',
labelWidth: 130,
width: 600,
border: false,
bodyStyle: 'padding: 5px',
items: [{
layout: 'column',
fieldLabel: 'shioiit',
border: false,
items:[{
labelAlign: 'top',
layout: 'form',
border: false,
items: [data]
},{
labelAlign: 'top',
layout: 'form',
border: false,
items: [hora]
},{
labelAlign: 'top',
layout: 'form',
border: false,
items: [minuto]
}]
}]
});

simple.render('form-ct');