Ext.tab.Panel에서 버튼 클릭으로 화면 전환 하기

Ext.define('MobileWeather.view.Main', {

    extend: 'Ext.tab.Panel',

    xtype: 'main',

    id: "main",   

    config: {

        tabBarPosition: 'bottom',

        items:

        [

            {

                itemId: "currentWeather_1"//setActiveItem(0)

               

            },

            {

                itemId: "themWeather_1", //setActiveItem(1)

                items:

                [                   

                    {

                        xtype: "panel",

                        style: "margin-top: 20px;",                       

                        items:

                        [

                            Ext.create("Ext.Spacer"),

                            {

                                xtype: "button",

                                iconCls: "bookmarks",

                                iconMask: true,

                                ui: "action",

                                text: "산",

                                handler: function () {

                                    Ext.getCmp("main").setActiveItem(2);

                                }

                            },

                            Ext.create("Ext.Spacer"),

                            {

                                xtype: "button",

                                text: "바다",

                                iconCls: "team",

                                iconMask: true,

                                ui: "action"

                            },

                            Ext.create("Ext.Spacer")

                        ]

                    }

                ]               

            },

            {                

                itemId: "themaWeather_2",//setActiveItem(2)

                title: "null",

                hidden: true

            }

        ]

    }

});