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