Sencha : Uncaught TypeError: Object function (){h.apply(this,arguments)} has no method 'setActiveItem'答案

【问题标题】：Sencha : Uncaught TypeError: Object function (){h.apply(this,arguments)} has no method 'setActiveItem'Sencha : Uncaught TypeError: Object function (){h.apply(this,arguments)} has no method 'setActiveItem'
【发布时间】：2026-01-28 02:05:01
【问题描述】：

我在我的应用程序中使用以下代码作为 xtype。我的列表项以我想要的方式出现，但是当我单击一个项目时，每次单击应该加载带有数据的新页面的项目时都会出现此错误：未捕获的 TypeError: Object function (){h.apply(this ,arguments)} 没有方法“setActiveItem”。知道如何解决吗？引用的项目行在代码中进行了注释。

这是我的代码：

var AppsBack = new Ext.Toolbar({
dock: 'top',
items: [{
    text: 'back',
    ui: 'back',
    handler: function(){
        Home.setActiveItem('home'); //Here is the second problem
    }
}]
});

var AppsDetails = new Ext.Panel({
id: "appsdetails",
tpl: "{game}",
dockedItems: [AppsBack]
});

var AppsList = new Ext.List({
id: "appslist",
store: AppsStore,
layout: 'card',
emptyText: "No game found",
itemTpl: "{game}",
listeners: {
    itemtap: function(view, index, item, e) {
        var rec = view.getStore().getAt(index);
        AppsDetails.update(rec.data);
        AppsBack.setTitle(rec.data.game);
        Home.setActiveItem('appsdetails') //Here is the first problem
    }
}
});

var AppsListWrapper = new Ext.Panel({
id: "appslistwrapper",
layout: 'card',
items: [AppsList],
dockedItems: []
});

var Home = Ext.extend(Ext.Panel, {
id: "home",
iconCls: 'home', 
title: 'Home',
fullscreen: true,
layout: 'card',
cardSwitchAnimation: 'slide',

initComponent: function() {
    Ext.apply(this, {
        items: [AppsListWrapper, AppsDetails]
    });
    Home.superclass.initComponent.apply(this,arguments)
}
});
Ext.reg('appsList', Home);

感谢您的帮助

经过几次操作，我发现我遇到此问题的唯一原因是因为我正在尝试扩展面板。换句话说，如果我使用新的Ext.Panel 而不是 Ext.extend(Ext.Panel, {... 一切正常，除了在这种情况下我不能使用 xtype。有什么想法吗？

【问题讨论】：

标签： javascript extjs

【解决方案1】：

我明白了！！！我的解决方案在于为新的扩展类提供尽可能少的参数。因此，我将家庭扩展类分为两个对象，如下所示：

var Home = new Ext.Panel({
id: "home",
layout: 'card',
cardSwitchAnimation: 'slide',
items: [AppsListWrapper, AppsDetails]
});

var HomeTab = Ext.extend(Ext.Panel, {
iconCls: 'home',
title: 'Home',
layout: 'card',
initComponent: function() {
    Ext.apply(this,{
        items: [Home]
    }); 
    HomeTab.superclass.initComponent.apply(this,arguments);
}
});
Ext.reg('home', HomeTab);

别问我怎么来的，我答不上来。我只是跟随我的直觉；）

【讨论】：