REQUIRED INFORMATION Ext version tested:
  • Ext 4.1 rev 0
Browser versions tested against:
  • IE9.0.7
  • FF13.0.1 (firebug 1.9.2 installed)
Description:
  • activeGroup config option doesn't set the active group correctly. Changing the grouptabs example grouptabs.js to set activeGroup to 1 (i.e. the second group of tabs) and reload, the active group is correctly set in the left hand side, however the active tab is now the 2nd tab of the first group (the 'Tickets' tab) - which doesn't make any sense. The white highlighted tab group is correct but the tab is from the first group.
Steps to reproduce the problem:
  • Change line 21 of the ext 4.1 examples/grouptabs/grouptabs.js file to read activeGroup: 1 instead of 0
  • Run examples/grouptabs/grouptabs.html in the browser
The result that was expected:
  • The 2nd group (group 1) is highlighted in white as the active group and the first tab of that group is displayed in the main (rhs) window - i.e the 'Configuration' tab with the lorem ipsum text.
The result that occurs instead:
  • The 2nd group (group 1) is highlighted in white as the active group. The second tab of the first group ('Tickets') is displayed in the main (rhs) window.
Test Case:
Code:
    

grouptabs.js

...
   Ext.create('Ext.Viewport', {
        layout: 'fit',
        items: [{
            xtype: 'grouptabpanel',
            activeGroup: 1,
            items: [{
                mainItem: 1,
                items: [{
                    title: 'Tickets',
                    iconCls: 'x-icon-tickets',
                    tabTip: 'Tickets tabtip',
                    //border: false,
                    xtype: 'gridportlet',
                    margin: '10',
                    height: null
                }, {
...
HELPFUL INFORMATION
Debugging already done:
  • none
Possible fix:
  • not provided
Additional CSS used:
  • only default ext-all.css
Operating System:
  • Win7