Extjs組件的隱藏和顯示

{
		xtype:'button',
		text: '高級設置',
                anchor : '9%',
		handler: function(){
                  var component = tab2.items;
		  for(var i=0;i<component.length;i++){
		    var com = component.items[i];
			if(com.type != 'button'){
			var name = com.getName();
			var regex = Ext.getCmp(name + 'regex');			
                        //顯示組件			
                        if(regex.hidden){						 
			    regex.enable();
			    regex.show();
			    regex.getEl().up('.x-form-item').setDisplayed(true);
                       }else{
                          //隱藏	
                           regex.hide();								
                         }										             }							
										
              }
		tab2.doLayout();//相當重要，從新佈局
      }
}

原理都是控制對dom元素的顯示和隱藏操做。代碼以下，點擊按鈕來響應隱藏和顯示：