Disable Title-Click in GroupTabPanel?

[DHainzl]

Hi everyone,
In my app I'm using a GroupTabPanel to display three groups of pages the user can view. Now I want to disable the extra pages when clicking on the group header; I want that the first item is automatically selected when clicking on the header of the group. But I have no idea how to achieve this? I already looked into the code of GroupTab.js and GroupTabPanel.js, and my idea was to use the setActiveTab-function of Ext.ux.GroupTab, but I'm using a GroupTabPanel on my user interface and I have no idea how to use the underlying grouop tab? I couldn't even find out how they are connected ...

Here's a bit of code:



{
id: 'monitoringTab',
xtype: 'grouptabpanel',
tabWidth: 200,
autoScroll: true,
activeGroup: 0,
activeTab: 2,
items:
[
{
items:
[
{
title: 'Title Tab',
padding: 10,
html: 'The next tab should be shown here ...'
},
{
id: 'monitoringKonzeptStartedTab',
title: 'First Subtab',
layout: 'fit',
iconCls: 'businessplan-icon',
autoScroll: true,
style: 'padding: 10px;',
items:
[
monitoringKonzeptStartedGrid
]
},
{
title: 'Second Subtab',
layout: 'fit',
iconCls: 'businessplan-icon',
autoScroll: true,
style: 'padding: 10px;',
items:
[
monitoringKonzeptFinishedGrid
]
}
]
},
]
}


In this example, I want to show the "First Subtab" when clicking on the "Title Tab" ...

Best regards,
David