如何遍历ExtJS的TabPanel并获得每个Tab中的包含的输入框的值？

Question

有个这样的需求，一个问卷包含多个问题组，每个问题组包含多个问题。

实现是这样的，问题组输入使用TabPanel展现，动态添加Tab到TabPanel中，然后在Tab中添加 TextField，

现在遇到的问题是如何遍历TabPanel并将每个Tab 中包含的TextField的值取出来，
并处理好问题组和问题的对应关系。

后台使用的是Struts2。

有这方面经验的朋友帮忙给点建议和提示，感激不尽！

Answer 1

[code="js"]

Ext.onReady(function() {
var tp = new Ext.TabPanel({
renderTo : document.body,
region : 'center',
activeTab : 0,
tbar : [{
text : '获取',
handler : function() {
var arr = new Array();
tp.items.each(function(item) {
item.show();
arr.push(item.items.itemAt(0).form.getValues());
});
alert(Ext.encode(arr));
}
}],
items : [{
title : '问题组1',
layout : 'fit',
items : [{
xtype : 'form',
labelWidth : 50,
defaults : {
xtype : 'textfield'
},
items : [{
fieldLabel : '选项1',
value : 't1',
name : '选项1'
}, {
fieldLabel : '选项2',
value : 't2',
name : '选项2'
}]
}]
}, {
title : '问题组2',
layout : 'fit',
items : [{
xtype : 'form',
labelWidth : 50,
defaults : {
xtype : 'textfield'
},
items : [{
fieldLabel : '选项3',
value : 'a1',
name : '选项3'
}, {
fieldLabel : '选项4',
value : 'a2',
name : '选项4'
}]
}]
}]
});
var view = new Ext.Viewport({
layout : 'border',
items : [tp]
});
})
[/code]