Change the loading tab of tabBar in Sencha

Question

In here I want to load my window with 'tab B' without rearranging order of tabs. Normally it load with 'tab A'.

Please resolve my issue.

here is my source code:

Ext.define('test.view.tView', {

        extend: 'Ext.tab.Panel',
        xtype: 'main',
        requires: [
            'Ext.TitleBar'
        ],
        config: {

            tabBarPosition: 'bottom',

            items: [
                {
                    title: 'tab A',
                    styleHtmlContent: true,
                    scrollable: true,

                },
                {
                    title: 'tab B',
                    pressed : true,
                    items: [{

                            xtype : 'button',
                            ui : 'round',
                            text : 'my'
                        }]
                },

                {
                    title: 'tab C',

                },
                {
                    title: 'tab D',

                }
            ]
        },
    });

Answer 1

You can try to use activeItem config for your tab panel:

activeItem: 1,
tabBarPosition: 'bottom',