remove child of uipanel

[gamify]

i am not able to remove 3 buttons inside the popup modal but the popup modal container is removed so i need to remove all its child elements too but removeChild(panel) not woking

panel= new UiContainer(this.pos.x, this.pos.y, 450, 325,"Enter your Feedback","UIPanel");
         panel.addChild(new ButtonUI(
            30, 200,
            "green",
            "Accept",
            "accept_id1",
            UipanelButton
        ));

me.game.world.addChild(panel);

i used below code so only container is removed but not buttons (3 buttons) ,on click of the button inside panel

me.game.world.removeChild(panel);

 

[Parasyte]

How is your ButtonUI class listening to PointerEvents? Do you ever call releasePointerEvent when the button is destroyed?

[gamify]

ButtonUI = me.GUI_Object.extend({

 onClick : function (/* event */) {

if(this.id == 'close_id3'){

me.game.world.removeChildNow(panel);

}

}

});

[gamify]

i don want only that button to destroy i need all buttons and textbox to be destroyed

[Parasyte]

Looks like this should work: https://github.com/melonjs/melonJS/blob/91e1ca185a21f7d44b871b5542282e14c134e7a5/src/renderable/container.js#L530-L532

Put a breakpoint on me.GUI_Button.onDeactivateEvent and ensure that it is executing when the container is removed. Probably it is not, but you can breakpoint on me.Container.onDeactivateEvent and trace it down the other direction to find out where it's falling over.

[gamify]

okay thank you it's working

[Parasyte]

Out of curiosity, what did you do to fix it?

[gamify]

onDeactiveEvents and jquery remove function used

[gamify]

onDeactivateEvent:function(event){
            $("#label1").remove();
        $("#label2").remove();
         me.game.world.removeChild(panel);
    }

[Parasyte]

Oh, you're using DOM elements. That explains it.

[gamify]

yup