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元素的显示和隐藏操作。代码如下，点击按钮来响应隐藏和显示：