Tabbar skipping my view.

[justinKohactive]

If I setActiveItem on a view port and use the same view later in a tabbar, the tabbar skips my view and goes to the next item in the tabbar do i need to remove it first from the other viewport? if so how?

[mitchellsimoens]

Not sure I follow 100%. I have tried this code with expected behavior:

        var tabpanel = Ext.create('Ext.tab.Panel', {
            fullscreen : true,
            items      : [
                {
                    title : 'One',
                    html  : 'one'
                },
                {
                    title : 'Two',
                    html  : 'two'
                },
                {
                    title : 'Three',
                    html  : 'three'
                }
            ]
        });

        setTimeout(function() {
            tabpanel.setActiveItem(1);

            //manually switch to tab 3 after it switches to the 2nd tab
        }, 1000);

        setTimeout(function() {
            tabpanel.setActiveItem(0);
        }, 5000);

[justinKohactive]

Its more like if i have

var viewport1 = new Ext.panel()

then a tabpanel

var viewport2 = new Ext.tabpanel({
items: [
view1,view2,view3
]});



then i try to attach view2 to viewport1,

viewport1.setActiveItem(view2);

when i try to access view2 from viewport2 via the tabbar it skips to view3.

[rdougan]

You can't have the same view in 2 different containers. This will cause issues (like you are are experiencing).