ExtJS中panel动态删除子组件及其label

    今天小小的成功让我兴奋不已。

   

在ExtJS中的panel面板中实现动态删除组件及其label，panel命名为login，实现代码如下：

                               var itemLength=login.items.length;//获取需要删除的组件个数，组件个数随着删除的过程会动态减少，牢记。必须执行三次删除来删除所有组件
        for(var i=0;i<itemLength;i++){
      var x=login.items.get(0);//每次删除时，只需删除组件数组中的首个组件即可
     var array=Ext.query("*[for='"+x.id+"']");//获取组件数组中的子组件数组
     Ext.removeNode(array[0]);//删除子节点，即label节点
    login.remove(x,true);//删除节点
      }

                         var tabpanelBtn=new Ext.Button({id:"tabpanel",type:"button"})
  tabpanelBtn.setText("   显示tabpanel   ");
 login.add(tabpanelBtn);
 login.doLayout(true);