切换tabpanel选项卡内的视图-sencha 2 mvc

Question

我是sencha新手，我使用的是sencha 2 mvc.I我有一个Tabpanel，第一个选项卡包含一个列表。当点击列表中的按钮时我想加载它的细节与form..I /交换机视图我无法找到answer.Please帮我尽快..

{ 
    xtype: 'tabpanel', 
    baseCls:'tabheader', 
    cls:'tab_container', 
    scrollable:true, 
    tabBarPosition: 'top', 
    flex:1, 
    items: [ 
     { 
      xtype:'container', 
      title:'Sample', 
      id:'Sample', 
      layout:'card', 
      cardSwitchAnimation: 'slide', 
      tabBarPosition: 'top', 
      items:[ 
       { 
        title: 'Sample', 
        xtype: 'list', 
        flex:1, 
        store: 'SampleWithoutAgentOffers', 
        itemTpl: '{name}' , 
        onItemDisclosure: function(record, btn, index) { 
         Ext.Viewport.setActiveItem(1); 
        } 
       }      
      ] 
     }, 
     { 
      xtype:'panel', 
      html:'hiiii' 
     } 
    ] 
} 

在itemdisclosure我想加载view..Please帮助我..

Answer 1

请参阅我对原始问题的编辑，我不确定您发布的配置是否会甚至以JavaScript运行。

我修复了你的配置对象，所以它应该在技术上工作。但是，我无法查看您的视口对象。如果你在ItemDisclosure上试图做的是用'hiii'html显示面板，那么你应该这样做：

onItemDisclosure: function(record, btn, index) { 
    this.parent.setActiveItem(1); 
}