如何在Extjs的卡片布局上获取当前活动项目的索引号(而非活动项目ID)？

Question

如何在卡片布局上获取当前活动项目的索引号(而非活动项目的ID)？以下代码将返回活动项的ID:

     Ext.getCmp('my-wizard').getLayout().activeItem.id];

如果我不想为我的组件项定义id而我只想访问活动项的索引号怎么办？

Answer 1

我找不到内置的快捷方式,但以下方法可行:

var wiz = Ext.getCmp('my-wizard');
var activeItem = wiz.getLayout().activeItem;
var activeIndex = wiz.items.indexOf(activeItem);

如果您经常这样做,可以将其添加到CardLayout原型中:

Ext.override(Ext.layout.CardLayout, {
    getActiveIndex: function() {
        return this.container.items.indexOf(this.activeItem);
    }
});

然后你可以使用它:

var activeIndex = Ext.getCmp('my-wizard').getLayout().getActiveIndex();