有个这样的需求,一个问卷包含多个问题组,每个问题组包含多个问题。
实现是这样的,问题组输入使用TabPanel展现,动态添加Tab到TabPanel中,然后在Tab中添加 TextField,
现在遇到的问题是如何遍历TabPanel并将每个Tab 中包含的TextField的值取出来,
并处理好问题组和问题的对应关系。
后台使用的是Struts2。
有这方面经验的朋友帮忙给点建议和提示,感激不尽!
有个这样的需求,一个问卷包含多个问题组,每个问题组包含多个问题。
实现是这样的,问题组输入使用TabPanel展现,动态添加Tab到TabPanel中,然后在Tab中添加 TextField,
现在遇到的问题是如何遍历TabPanel并将每个Tab 中包含的TextField的值取出来,
并处理好问题组和问题的对应关系。
后台使用的是Struts2。
有这方面经验的朋友帮忙给点建议和提示,感激不尽!
[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]