setActiveItem 在面板 sencha 中不起作用

Question

我在标签面板中有一个列表，我添加了onItemDisclosure，它应该切换到一个进入页面（在标签面板内）。 setActiveItem 不起作用，我得到的错误是：[undefined] is not a function。 代码：

Toolbar.views.listPanel = Ext.extend(Ext.List,{
         id:'mylist',
         store:ListStore,
         itemTpl: '<div class="stores"><b>{name}</b><br/><p style="font-size:small">{address}{distance}Km</p></div>',
         //grouped:true,
         onItemDisclosure: function(){
                //Ext.Msg.alert("closure works!");
                //Toolbar.views.detailPanel.update();
                //alert(Toolbar.views.detailPanel);
                Toolbar.views.Searchcard.setActiveItem(Toolbar.views.detailPanel,{type:'slide',direction:'left'});
         }

     });

要切换到的面板：

Toolbar.views.detailPanel = Ext.extend(Ext.Panel,{
id:'detailpanel',
tpl:'Hello!'
});

Ext.reg('searchcard', Toolbar.views.Searchcard);
Ext.reg('listPanel', Toolbar.views.listPanel);   
Ext.reg('detailPanel', Toolbar.views.detailPanel);  

提前致谢，

Answer 1

问题是您引用的是类而不是 Searchcard 的实例。您必须使用组件查询来引用它。

一般是这样的：

masterComponent.getComponent('your_component_itemID');

或者你可以使用 panel.query(selector)

http://docs.sencha.com/touch/1-1/#!/api/Ext.Panel-method-query

真的，而不是仅仅通过看看这篇文章来破解它： http://www.sencha.com/learn/a-sencha-touch-mvc-application-with-phonegap/