Ext.js TabPanel -发送选择的选项卡作为表单参数

Question

如何发送(作为html表单参数)哪个选项卡被选中提交?目前我有隐藏的表单元素，我将其值设置为选项卡值，这就是我如何识别在服务器端哪个选项卡是活动的，当数据提交，但它似乎对我来说，应该有一个更简单的方法(一些TabPanel参数)。

这是我的表单隐藏参数upit，我动态设置与JS:

function selectTab(tab){
document.forms[0].upit.value = tab.value;
}
Tm.Report.createForm(
{
items:
[
new Ext.form.TextField(
{
name: 'upit',
value: '0',
hidden: true
}),

new Ext.TabPanel(
{
activeTab: 0,
items:
[

//TAB0
{
listeners: {activate: selectTab},
value: 0,
items:
[
//...tab content
]
},

//TAB1
{
listeners: {activate: selectTab},
value: 1,
items:
[
//...tab content
]
}
]
})      

Answer 1

尝试为您的组件使用itemId，如:

new Ext.TabPanel(
{
activeTab: 0,
itemId: 'reportForm',
items:
[

//TAB0
{
listeners: {activate: selectTab},
value: 0,
itemId: 'TAB0',
items:
[
//...tab content
]
},

//TAB1
{
listeners: {activate: selectTab},
value: 1,
itemId: 'TAB1',
items:
[
//...tab content
]
}
]
});

那么你可以用:

获取标签名

var tabPanel  =  Tm.report.down('#reportForm'),
activeTab = tabPanel.getActiveTab(),
tabId = activeTab.get('itemId');