PDA

View Full Version : Dom error when destroying checkbox on its change



Greendrake
26 Jul 2011, 9:17 PM
REQUIRED INFORMATION


Ext version tested:

Ext 4.0.2a


Browser versions tested against:

Google Chrome 12.0.742.122
FireFox 5.0.1 (Firebug 1.7.3)


Description:

If we attach a listener to checkbox' change event that would destroy the checkbox, we will get a DOM error.


Steps to reproduce the problem:

Open the test case
Click on the checkbox


The result that was expected:

Checkbox disappears quietly


The result that occurs instead:

Checkbox disappears producing a DOM error


Test Case:



Ext.onReady(function(){
Ext.create('Ext.form.field.Checkbox', {
renderTo: Ext.getBody(),
listeners: {
'change': function(box) {
box.destroy();
}
}
});
});


HELPFUL INFORMATION

Operating System:

Mac OS X 10.6.8


The purpose:

I tried to make a radio button control that would change a working mode of my application. When the radio state/value is changed, the application interface needs to be destroyed and created again.



Workaround found:



Ext.Function.defer(box.destroy, 3, box);