PDA

View Full Version : [OPEN-1138] Ext.form.SliderField -> disabled-config and IE8



tobiu
20 Jul 2010, 5:58 AM
hi team,

i build a small testcase to show you the issue:



Ext.onReady(function(){
var panel = new Ext.form.FormPanel({
renderTo: document.body,
width:600,
height:250,
layout:'form',
labelWidth : 100,
items : [{
//animate : false,
disabled : true,
fieldLabel: 'Sliderfield',
maxValue : 300,
minValue : 0,
ref : 'sF',
value : 250,
width : 200,
xtype : 'sliderfield'
},{
xtype : 'button',
text : 'enable',
handler : function(btn){
panel.sF.enable();
}
},{
xtype : 'button',
text : 'disable',
handler : function(btn){
panel.sF.disable();
}
},{
xtype : 'button',
text : 'setValue 100',
handler : function(btn){
panel.sF.setValue(100);
}
},{
xtype : 'button',
text : 'setValue 200',
handler : function(btn){
panel.sF.setValue(200);
}
}]
});
});


in firefox and chrome, this works fine.
in ie8, it does not:

1)
after rendering, the method setValue gets called internally, moving the thumb with animation to the right value. in ie8, the slider stays at 0.

2)
if you use the config

animate: false (please add 'vertical', 'minValue', 'maxValue', 'decimalPrecision', 'keyIncrement', 'increment', 'clickToChange', 'animate' to the API), the initial rendering in ie8 at least shows the right value.

3)
but, if you stay in disabled-mode, even with animate:false, changing the value with the setValue()-method won't move the thumb in ie8.


kind regards
tobiu

Jamie Avins
20 Jul 2010, 9:11 AM
You issue has been entered in Trac for review. Thank for your the report.