ExtJs UI框架学习七

面板中替换items

问：我在一个panel中添加了一个GridPanel，之后想在一个事件中用一个TabPanel来替换此GridPanel。代码如下：
    Ext.getCmp("MainPanel").getComponent(0).destroy();
    Ext.getCmp("MainPanel").add(panel2);
    运行后发现替换成功了，但是TabPanel上却多了一个空白行。将程序改了一下，采用remove方法后再运行就正常了。为什么用destroy方法会产生这个空白行呢？
  

答：destory是把这个dom销毁.但是这个tab的父容器并不知道它的子元素被移除了.
所以要用remove.
destory一般是自动的.