javascript - 如何在 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 原型(prototype)中:

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

然后你可以使用它:

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