Sencha：Uncaught TypeError：オブジェクト関数（​​）{h.apply（this、arguments）}に 'setActiveItem'メソッドがありません

Question

私のアプリケーションでは、次のコードをxtypeとして使用しています。私のリストアイテムは、私が望む方法で表示されますが、アイテムをクリックすると、毎回このエラーが発生します。データを含む新しいページをロードするアイテムをクリックします。Uncaught 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); 

ご協力いただきありがとうござい

---

、私は私はので、私はこのトラブルを経験しています唯一の理由があることを発見しましたパネルを延長しようとしている。他の点では、私はintead Ext.extend（Ext.Panel、{... すべてがうまく私はこのケースでXTYPEを使用することはできません除外機能します。任意のアイデア？

Answer 1

Iの 新しいExt.Panel を使用している場合それを考え出した!!! MYソリューションは、可能な限り少数の引数として新しい拡張クラスを与えることにあるので、私はこのような二つのオブジェクトに自宅の拡張クラスを分割：。

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); 

することは、どのように来る私に聞かないでください私はちょうど私の直感に従った;）