更改卡片布局中的活动项目。扩展JS

我有一个使用卡片布局的面板，如下所示：

var cardpanel = new Ext.Panel(
{
    id: 'cardPanel',
    //title: 'Card Layout',
    region: 'center',
    layout: 'card',
    activeItem: 0,
    autoDestroy: false,
    bodyStyle: 'border-top:0px',
    defaults: {
        border: false
    },
    items: [mediaGrid, mappanel],
    tbar: [
        {
            id: 'card-media',
            text: 'Media',
            icon: '/img/silk/images.png',
            width: 50,
            handler: function () {
                //switch to media
            }
        },
        {
            id: 'card-map',
            text: 'Map',
            icon: '/img/silk/map.png',
            width: 50,
            handler: function () {
                //switch to map
            }
        }
    ]
});

注释部分是我想在卡片布局中实现两个面板之间的切换的地方，但我不确定如何做到这一点。我尝试过使用 setActiveItem 但我总是要么得到 setActiveItem 不是一个函数，要么它只是没有说什么。如何让它切换面板？

你需要打电话

this.layout.setActiveItem();

在处理程序中并添加

scope: cardpanel

在处理程序定义下。