Как переключаться между картами в макете карты

Question

У меня есть макет карты с двумя картами, одна с панелью вкладок. Внутри находится панель сетки панели вкладок, а другая карта - панель содержимого. Я должен переключиться на следующую карту, т. Е. Панель моего контента при щелчке ячейки на панели сетки.

Использовали функцию setActiveitem(), но что-то не так.

extend: Ext.panel.Panel,
id: 'cardpanel',
width: 300,
height: 1000,
reference: 'resultcardPanel',
itemid: 'cardPanel',
layout: {
    type: 'card',
    anchor: '100%'
},
activeItem: 0,
xtype: 'searchresults',
bodyStyle: 'padding:15px',
defaults: {

    border: false
},
controller: 'email',

viewModel: {
    type: 'email'
},


items: [{
        xtype: 'tabpanel',
        //id:'searchresults',

        requires: [
            'Ext.grid.Panel',
            'Ext.toolbar.Paging',
            'Ext.grid.column.Date'
        ],


        cls: 'shadow',
        activeTab: 0,
        margin: 20,
        ///////////////////////////////////////////////////////
        items: [{
                xtype: 'grid',
                cls: 'allRecordsCls',
                scrollable: false,

                border: false,
                title: 'Primary',
                routeId: 'inbox',
                bind: '{inbox}',

                itemclick: function() {
                    centerpanel = new Ext.Panel({
                        layout: 'card',

                        items: [homepanel, browser.grid]
                    });

                    centerpanel.getLayout().setActiveItem(1);
                },
                selModel: {
                    selType: 'checkboxmodel',
                    checkOnly: true,
                    showHeaderCheckbox: true
                },

                headerBorders: false,
                rowLines: false,
                scrollable: false,

                listeners: {
                    itemclick: 'onGridCellItemClick2'
                },

                columns: [


                    {
                        dataIndex: 'from',
                        text: 'From',
                        width: 140,


                    },
                    {
                        dataIndex: 'title',
                        text: 'Subject',
                        flex: 1,

                    },


                    {
                        xtype: 'datecolumn',
                        dataIndex: 'received_on',
                        width: 90,
                        text: 'Received On'
                    }
                ],


            },
            //////////////////////////////////////////////////////////
            {
                xtype: 'grid',
                cls: 'allRecordsCls',
                scrollable: false,

                border: false,
                title: 'Social',
                routeId: 'inbox',
                bind: '{inbox}',

                listeners: {
                    itemclick: 'clickme'
                },

                selModel: {
                    selType: 'checkboxmodel',
                    checkOnly: true,
                    showHeaderCheckbox: true
                },

                headerBorders: false,
                rowLines: false,
                scrollable: false,

                columns: [


                    {
                        dataIndex: 'from',
                        text: 'From',
                        width: 140,


                    },
                    {
                        dataIndex: 'title',
                        text: 'Subject',
                        flex: 1,

                    },


                    {
                        xtype: 'datecolumn',
                        dataIndex: 'received_on',
                        width: 90,
                        text: 'Received On'
                    }
                ],
            },
            ///////////////////////////////////////////////////////
            {
                xtype: 'grid',
                cls: 'allRecordsCls',
                scrollable: false,

                border: false,
                title: 'Promotion',
                routeId: 'inbox',
                bind: '{inbox}',

                selModel: {
                    selType: 'checkboxmodel',
                    checkOnly: true,
                    showHeaderCheckbox: true
                },

                listeners: {
                    itemclick: 'onGridCellItemClick2'
                },

                headerBorders: false,
                rowLines: false,
                scrollable: false,

                columns: [


                    {
                        dataIndex: 'from',
                        text: 'From',
                        width: 140,


                    },
                    {
                        dataIndex: 'title',
                        text: 'Subject',
                        flex: 1,

                    },


                    {
                        xtype: 'datecolumn',
                        dataIndex: 'received_on',
                        width: 90,
                        text: 'Received On'
                    }
                ],
            },
        ],
    },

    ///////////////////////////////////////////
    {
        id: 'cardPanel',
        xtype: 'emaildetails'
    },
]

что писать в функции в "onGridCellItemClick2", которая объявлена ​​в контроллере