我在我的应用程序中使用以下代码作为xtype。我的列表项目按照我想要的方式显示,但是当我点击某个项目时,每次我点击一个应该加载带有数据的新页面的项目时都会出现此错误:未捕获TypeError:对象函数(){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 intead of Ext.extend(Ext.Panel,{... 一切正常,但在这种情况下我不能使用xtype。有什么想法吗?
答案 0 :(得分:0)
我想通了! 我的解决方案在于尽可能少地为新的扩展类提供参数。因此,我将home扩展类划分为两个对象:
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);
不要问我怎么来,我将无法回答。我只是遵循我的直觉;)