如何在 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();