Home/ Questions/Q 7816013
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T05:42:50+00:00

I am optimizing my application. Originally, it’s a Ext.TabPanel but I decided to use

  • 0

I am optimizing my application. Originally, it’s a Ext.TabPanel but I decided to use only a Ext.TabBar docked at the bottom and change the views above, so it requires a lot of add/remove actions from my main Ext.Container.

So my question is: in what way I should do to add/remove items from my Ext.Container effectively? I mean: fast, not cause memory-leaks, and also, not cause error like this: the view with a button in it, firstly added, all handlers (which are define through refs and control in a controller) work well but the second time (i.e it’s removed and added again later), all handlers die.

Thanks in advance!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to ensure that you destroy the panel is destroyed otherwise it would be sitting in the dom.

    Generally to remove a component from a container you use the Container remove() function which takes in the first parameter as the item to be removed and the second one is a boolean which instructs for it to be destroyed or not. You should ensure you set it to true to make sure you keep your DOM as lean as possible. Unless you’re going to be reusing that component in the near future and do not want to render it again, then you do not need to destroy it.

    http://docs.sencha.com/touch/2-0/#!/api/Ext.Container-method-remove

    • 0