momesana
15 Oct 2010, 8:54 AM
Hi,
I've run into an issue when creating a Slider on ST 0.96 without a label . Creating a slider with a label and hiding it afterwards however works, so I am wondering if it's me doing something wrong or a bug in Sencha.
Here is sample code to highligh the issue:
Ext.setup({
fullscreen: true,
statusBarStyle: 'black-translucent',
icon: 'icon.png',
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
glossOnIcon: true,
onReady: function() {
var screen = new Screen();
screen.show();
}
});
MyToggle = Ext.extend(Ext.form.Toggle, {
initComponent: function() {
changeEventHandler = function() {
this.fireEvent('toggled', this.getValue() == 1);
}
Ext.apply(this, {
listeners: {
'change': changeEventHandler
}
})
MyToggle.superclass.initComponent.apply(this, arguments);
}
});
Ext.reg('mytoggle', MyToggle);
Screen = Ext.extend(Ext.Panel, {
initComponent: function() {
this.headerCnt = new Ext.Container({
layout: 'fit',
html: '<h>This is a header</h>'
});
// Slide without label
this.slider = new Ext.form.Slider({
value: 60,
minvalue: 0,
maxValue: 100
});
// Slider withlabel
this.slider2 = new Ext.form.Slider({
label: 'values:',
value: 60,
minvalue: 0,
maxValue: 100
});
this.toggle = new MyToggle({
label: 'toggle slider label'
});
Ext.apply(this, {
cls: 'screen',
fullscreen: true,
layout: 'vbox',
items: [this.headerCnt, this.slider, this.slider2, this.toggle]
});
this.toggle.on('toggled', function(b) {
var el = this.slider2.labelEl;
if (el == null || el == undefined) return;
b ? el.show() : el.hide();
}, this);
Screen.superclass.initComponent.apply(this, arguments);
},
afterRender: function() {
Screen.superclass.afterRender.apply(this, arguments);
}
});
Ext.reg('screen', Screen);
Thanks in advance
I've run into an issue when creating a Slider on ST 0.96 without a label . Creating a slider with a label and hiding it afterwards however works, so I am wondering if it's me doing something wrong or a bug in Sencha.
Here is sample code to highligh the issue:
Ext.setup({
fullscreen: true,
statusBarStyle: 'black-translucent',
icon: 'icon.png',
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
glossOnIcon: true,
onReady: function() {
var screen = new Screen();
screen.show();
}
});
MyToggle = Ext.extend(Ext.form.Toggle, {
initComponent: function() {
changeEventHandler = function() {
this.fireEvent('toggled', this.getValue() == 1);
}
Ext.apply(this, {
listeners: {
'change': changeEventHandler
}
})
MyToggle.superclass.initComponent.apply(this, arguments);
}
});
Ext.reg('mytoggle', MyToggle);
Screen = Ext.extend(Ext.Panel, {
initComponent: function() {
this.headerCnt = new Ext.Container({
layout: 'fit',
html: '<h>This is a header</h>'
});
// Slide without label
this.slider = new Ext.form.Slider({
value: 60,
minvalue: 0,
maxValue: 100
});
// Slider withlabel
this.slider2 = new Ext.form.Slider({
label: 'values:',
value: 60,
minvalue: 0,
maxValue: 100
});
this.toggle = new MyToggle({
label: 'toggle slider label'
});
Ext.apply(this, {
cls: 'screen',
fullscreen: true,
layout: 'vbox',
items: [this.headerCnt, this.slider, this.slider2, this.toggle]
});
this.toggle.on('toggled', function(b) {
var el = this.slider2.labelEl;
if (el == null || el == undefined) return;
b ? el.show() : el.hide();
}, this);
Screen.superclass.initComponent.apply(this, arguments);
},
afterRender: function() {
Screen.superclass.afterRender.apply(this, arguments);
}
});
Ext.reg('screen', Screen);
Thanks in advance