extjs - 如何在 Sencha Touch 2 中使用 setActiveItem

Question

我试图让 - 当页面加载时 - 中间选项卡成为活动选项卡，我在互联网上一直在寻找 setactiveitem 但没有得到任何地方

如何使用 setActiveItem？

这是我的 main.js 的代码，带有标签面板和功能。

var MainTabPanel = Ext.define('Crystal.view.Main', {
extend: 'Ext.tab.Panel',
fullscreen: true,
xtype:'Maintab',


 launch: function(){ console.log('launch'); 

   MainTabPanel.setActiveItem(2);
 },

requires: [


    'Crystal.view.docCarousel',
    'Crystal.view.Contact',
    'Crystal.view.Calculator',
],


config: {

layout: {
    type: 'card',
    animation: {
        type: 'slide',
        direction: 'left'}
},
    tabBarPosition: 'bottom',

    items: [


           {xtype:'Calculator',
           },



        {
            xtype:'docCarousel',

        },
        {
            xtype:'ContactForm',


        }
    ]
}
 });

谢谢，

Answer 1

您只需将activeItem配置设置为tabpanel，1因为您只有 3 个选项卡（0 ,1 ,2）。1应用程序加载时的活动选项卡也是如此。

var MainTabPanel = Ext.define('Crystal.view.Main', {
    extend: 'Ext.tab.Panel',
    fullscreen: true,
    xtype:'Maintab',
    ...
    config: {
        ...,
        activeItem: 1,
        ...
    },
    ...
});